2017-12-25 00:50:54 +01:00
|
|
|
* {
|
|
|
|
--clr-light: hsl(85, 70%, 83%);
|
|
|
|
--clr-dark: hsl(31, 16%, 27%);
|
|
|
|
--clr-accent-1: hsl(45, 76%, 50%);
|
|
|
|
--clr-accent-2: hsl(46, 35%, 51%);
|
|
|
|
--clr-accent-3: hsl(29, 75%, 60%);
|
|
|
|
--font-xxxl: 10em;
|
|
|
|
--font-xxl: 7.5em;
|
|
|
|
--font-xl: 2em;
|
|
|
|
--font-lg: 1.5em;
|
|
|
|
--font-md: 1em;
|
|
|
|
--font-sm: .8em;
|
|
|
|
--font-xs: .6em;
|
2017-12-25 13:24:13 +01:00
|
|
|
--mrg-text: .15em;
|
2017-12-25 00:50:54 +01:00
|
|
|
box-sizing: border-box;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2017-12-25 16:41:21 +01:00
|
|
|
@media only screen and (max-width: 70em) {
|
|
|
|
* {
|
|
|
|
--font-xxxl: 4em;
|
|
|
|
--font-xxl: 2.5em;
|
|
|
|
--font-xl: 1.5em;
|
|
|
|
--font-lg: 1.2em;
|
|
|
|
--font-md: 1em;
|
|
|
|
--font-sm: .8em;
|
|
|
|
--font-xs: .6em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-12-25 00:50:54 +01:00
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
height: 100vh;
|
|
|
|
width: 100vw;
|
|
|
|
font-family: Army;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* UTILITY */
|
|
|
|
|
|
|
|
.fill {
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
2017-12-25 16:41:21 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.ellipsis {
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
2017-12-25 00:50:54 +01:00
|
|
|
}
|