2019-10-17 00:13:54 +02:00
|
|
|
.app {
|
|
|
|
|
padding: var(--spacer);
|
|
|
|
|
background: var(--brand-black);
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: center;
|
2019-10-18 15:31:24 +02:00
|
|
|
min-height: 100vh;
|
2019-10-17 00:13:54 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 640px) {
|
|
|
|
|
.app {
|
2019-10-18 15:31:24 +02:00
|
|
|
padding: calc(var(--spacer) * 2);
|
|
|
|
|
padding-bottom: var(--spacer);
|
2019-10-17 00:13:54 +02:00
|
|
|
height: auto;
|
2019-10-18 15:31:24 +02:00
|
|
|
min-height: calc(100vh - var(--page-frame) * 2);
|
2019-10-17 00:13:54 +02:00
|
|
|
}
|
|
|
|
|
}
|
