24 lines
372 B
SCSS
24 lines
372 B
SCSS
@use "pane_main";
|
|
@use "pane_nav";
|
|
@use "pane_spacer";
|
|
|
|
.pane {
|
|
margin: var(--spacing-large);
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.pane {
|
|
width: calc((50% - var(--spacing-small)) * 2);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 601px) {
|
|
nav.pane,
|
|
.pane.spacer {
|
|
gap: var(--spacing-medium);
|
|
|
|
position: sticky;
|
|
top: var(--spacing-large);
|
|
}
|
|
}
|