dvb/app/res/css/layout.css

33 lines
556 B
CSS
Raw Normal View History

2017-12-25 00:50:54 +01:00
/* LAYOUT */
.container {
display: grid;
2017-12-25 16:41:21 +01:00
grid-template: calc(100vw / 4) 5em 1fr / 100%;
grid-template-areas: "side" "top" "body";
2017-12-25 00:50:54 +01:00
background: var(--clr-light);
color: var(--clr-dark);
}
2017-12-25 16:41:21 +01:00
@media only screen and (min-width: 70em) {
.container {
grid-template: auto 1fr / 1fr calc(100vh / 4);
grid-template-areas: "top side" "body side";
}
}
2017-12-25 13:24:13 +01:00
.container>div {
overflow: hidden;
}
.container>.top {
2017-12-25 00:50:54 +01:00
grid-area: top;
}
2017-12-25 13:24:13 +01:00
.container>.side {
2017-12-25 00:50:54 +01:00
grid-area: side;
}
2017-12-25 13:24:13 +01:00
.container>.body {
2017-12-25 00:50:54 +01:00
grid-area: body;
2017-12-25 13:24:13 +01:00
box-shadow: 2em -2em 8em -5em rgba(0, 0, 0, 1);
2017-12-25 00:50:54 +01:00
}