kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2025-01-10 16:46:30 -05:00
Code Issues Projects Releases Packages Wiki Activity
hypothetical/resources/sass/pages/_error.scss

23 lines
485 B
SCSS
Raw Normal View History

Give the vue-based error page some basic styles
2018-04-15 22:02:06 -04:00
.error-page-component {
display: flex;
padding: $grid-gutter-width ($grid-gutter-width / 2);
flex-grow: 1;
align-items: center;
h1 {
@include font-sans-bold;
width: 100%;
Rename px2rem to pxrem so it's easier to type frequently, add comments to both sass functions explaining what they do and how to use them, and don't include units where it's used so it's understood that it's not expected elsewhere (hopefully this makes it a bit less of a pain to type out)
2019-05-12 21:27:55 -04:00
font-size: pxrem(22);
Give the vue-based error page some basic styles
2018-04-15 22:02:06 -04:00
text-align: center;
text-transform: uppercase;
@include media-breakpoint-up(sm) {
Rename px2rem to pxrem so it's easier to type frequently, add comments to both sass functions explaining what they do and how to use them, and don't include units where it's used so it's understood that it's not expected elsewhere (hopefully this makes it a bit less of a pain to type out)
2019-05-12 21:27:55 -04:00
font-size: pxrem(32);
Give the vue-based error page some basic styles
2018-04-15 22:02:06 -04:00
}
@include media-breakpoint-up(lg) {
Rename px2rem to pxrem so it's easier to type frequently, add comments to both sass functions explaining what they do and how to use them, and don't include units where it's used so it's understood that it's not expected elsewhere (hopefully this makes it a bit less of a pain to type out)
2019-05-12 21:27:55 -04:00
font-size: pxrem(48);
Give the vue-based error page some basic styles
2018-04-15 22:02:06 -04:00
}
}
}
Reference in a new issue Copy permalink