newsreader/src/newsreader/scss/components/main/_main.scss
2024-10-06 20:39:05 +02:00

22 lines
421 B
SCSS

@import '../../partials/variables';
.main {
@media (max-width: $mobile-breakpoint) {
display: grid;
grid: [stack] 1fr / min-content [stack] 1fr;
& .sidebar, .post-message, .posts, #{&}__container {
grid-area: stack;
}
}
&__container {
display: flex;
flex-direction: column;
align-items: center;
@media (max-width: $mobile-breakpoint) {
display: initial;
}
}
}