dvb/app/res/css/main.css

52 lines
792 B
CSS
Raw Normal View History

2017-12-24 23:50:54 +00: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 12:24:13 +00:00
--mrg-text: .15em;
2017-12-24 23:50:54 +00:00
box-sizing: border-box;
margin: 0;
padding: 0;
}
2017-12-25 15:41:21 +00: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-24 23:50:54 +00:00
body {
margin: 0;
padding: 0;
height: 100vh;
width: 100vw;
font-family: Army;
}
/* UTILITY */
.fill {
height: 100%;
width: 100%;
2017-12-25 15:41:21 +00:00
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
2017-12-24 23:50:54 +00:00
}