67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
@use 'sass:math';
|
|
@import 'base/mixins';
|
|
@import 'fonts/fonts';
|
|
|
|
$fontFamily: '', sans-serif;
|
|
$fontSize: rem(16);
|
|
$mainColor: #000;
|
|
$minWidth: 375;
|
|
$maxWidth: 1920;
|
|
$maxWidthContainer: 1280;
|
|
$containerPadding: 40;
|
|
$containerWidth: $maxWidthContainer + $containerPadding;
|
|
$pc: em($containerWidth);
|
|
$tablet: em(991.98);
|
|
$mobile: em(767.98);
|
|
$mobileSmall: em(479.98);
|
|
|
|
@import 'base/null';
|
|
|
|
body {
|
|
.lock & {
|
|
overflow: hidden;
|
|
overscroll-behavior: none;
|
|
touch-action: none;
|
|
}
|
|
}
|
|
|
|
.wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
|
|
@supports (overflow: clip) {
|
|
overflow: clip;
|
|
}
|
|
|
|
> main {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
> * {
|
|
min-width: 0;
|
|
}
|
|
}
|
|
|
|
[class*='__container'] {
|
|
@if $maxWidthContainer > 0 {
|
|
max-width: rem($containerWidth);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
@if $containerPadding > 0 {
|
|
@if $maxWidthContainer > 0 {
|
|
padding: 0 rem(math.div($containerPadding, 2));
|
|
} @else {
|
|
@include adaptive-value('padding-left', math.div($containerPadding, 2), 15);
|
|
@include adaptive-value('padding-right', math.div($containerPadding, 2), 15);
|
|
}
|
|
}
|
|
}
|
|
|
|
@import 'common';
|
|
@import 'header';
|
|
@import 'footer';
|
|
@import 'home';
|