29 lines
491 B
CSS
29 lines
491 B
CSS
.closed-on-mobile {
|
|
display: none;
|
|
}
|
|
|
|
h1 {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
main {
|
|
--block-spacing-horizontal: calc(var(--spacing) * 1.75);
|
|
grid-column-gap: calc(var(--block-spacing-horizontal) * 3);
|
|
display: grid;
|
|
grid-template-columns: 200px auto;
|
|
}
|
|
|
|
.closed-on-mobile {
|
|
display: block;
|
|
}
|
|
|
|
main > aside nav {
|
|
position: fixed;
|
|
width: 200px;
|
|
max-height: calc(100vh - 5.5rem);
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
}
|