mirror of
https://github.com/Sped0n/bridget.git
synced 2026-04-14 10:09:31 -07:00
* refactor: output article element when needed * refactor: refactor container styles and media queries - Add the `$tablet` variable to `_container.scss` - Add a media query to `_container.scss` - Import `_container.scss` in `critical.scss` - Remove the import of `_container.scss` in `style.scss`
24 lines
407 B
SCSS
24 lines
407 B
SCSS
$tablet: map-get($breakpoints, 'tablet') - 1;
|
|
|
|
@media (max-width: $tablet), (hover: none) {
|
|
.container {
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 0;
|
|
|
|
width: 100vw;
|
|
height: var(--window-height);
|
|
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
background: white;
|
|
|
|
overscroll-behavior: none;
|
|
-webkit-overflow-scrolling: none;
|
|
}
|
|
|
|
.disableScroll {
|
|
pointer-events: none;
|
|
}
|
|
}
|