Skip to content

Commit

Permalink
fix(error): nest styles
Browse files Browse the repository at this point in the history
  • Loading branch information
danielmatthew committed Oct 5, 2021
1 parent 5c914f5 commit 7e471fd
Show file tree
Hide file tree
Showing 3 changed files with 51 additions and 109 deletions.
2 changes: 1 addition & 1 deletion docs/assets/css/error.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/assets/css/error.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

156 changes: 49 additions & 107 deletions scss/error.scss
Original file line number Diff line number Diff line change
@@ -1,140 +1,82 @@
*,
*::before,
*::after {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
}

main,
section {
display: block;
}

h1 {
margin: .67em 0;
font-size: 2em;
}

hr {
box-sizing: content-box;
height: 0;
}


hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #dee2e6;
}

h1 {
font-size: 1.96154em;
font-family: inherit;
font-weight: 300;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 10px;
}

h2 {
font-size: 1.96154em;
.t-error {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 0.8125em;
line-height: 1.6;
color: #fff;
background-color: #017d87;

font-family: inherit;
font-weight: 300;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
h1 {
font-size: 2.30769em;
hr {
max-width: 20rem;
height: 1px;
margin: 2rem 0;
background-color: rgba(255, 255, 255, .2);
border: none;
box-sizing: content-box;
}
}

@media (min-width: 992px) {
h2 {
font-size: 2.30769em;
dl {
margin-top: 0;
margin-bottom: 20px;
}
}
p {
margin: 0 0 10px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}

dl {
line-height: 1.6;
}

dt{
font-weight: 700;
}
dl {
line-height: 1.6;
}

dd {
margin-left: 0;
}
dt{
font-weight: 700;
}

a {
color: inherit;
}
dd {
margin-left: 0;
}

a:hover,
a:focus {
background-color: white;
color: #017d87;
outline: 2px solid white;
outline-offset: 2px;
}
a {
color: inherit;
}

@viewport {
width: device-width;
a:hover,
a:focus {
background-color: white;
color: #017d87;
outline: 2px solid white;
outline-offset: 2px;
}
}

.o-dl--inline *:not(div) {
display: inline;
}

.t-error {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 13px;
line-height: 1.6;
color: #fff;
background-color: #017d87;
}

.t-error hr {
max-width: 20rem;
height: 1px;
margin: 2rem 0;
background-color: rgba(255, 255, 255, .2);
border: none;
}

.c-error-page__container {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 60rem;
max-width: 60em;
min-height: 100vh;
padding: 0 5vw;
}

.c-error-page__header {
font-size: 52px;
font-family: inherit;
font-size: 3.25rem;
font-weight: 700;
color: #fff;
line-height: 1.1;
margin-top: 20px;
margin-bottom: 10px;
}

.c-error-page__subheader {
font-size: 39px;
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
font-size: 2.4375rem;
font-family: inherit;
font-weight: 300;
line-height: 1.1;
}

.c-error-page__context {
font-size: 19px;
font-size: 1rem;
}

0 comments on commit 7e471fd

Please sign in to comment.