0a602edf5e
* hide footer on mobile to avoid double scrollbars * fix double scrollbars on desktop by removing scroll behaviour from main section * add scrollbar styles to body and html * add vertical scrolling back to main section * prevent header from collapsing and messing around with scrolling * prevent body from scrolling for main layout * move tablet breakpoint into breakpoint mixin * preffify code * remove js height calc for lower section on mobile and use css * enable scrolling within a tab on mobile * remove scrollbar from main section on mobile * adjust header height on mobile * add react use to web * lock body scroll for main layout
24 lines
442 B
SCSS
24 lines
442 B
SCSS
@mixin flexCenter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
@mixin screen ($breakpoint) {
|
|
@if $breakpoint == desktop {
|
|
@media only screen and (min-width: 768px) {
|
|
@content;
|
|
}
|
|
}
|
|
@if $breakpoint == tablet {
|
|
@media only screen and (max-width: 768px) {
|
|
@content;
|
|
}
|
|
}
|
|
@if $breakpoint == mobile {
|
|
@media only screen and (max-width: 481px) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|