gnezim
f8120c154f
- Copy 30+ global SCSS files to apps/react/src/styles/ - Copy 75+ component SCSS files to apps/react/src/styles/components/ - Organize by feature: online-board, schedule, flights-map, popular-requests, shared, toolkit - Organize pages styles: board, schedule, adaptive - Update main.tsx to import styles entry point
46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
.banner--top {
|
|
width: 100%;
|
|
max-width: 1440px;
|
|
margin: 0 auto;
|
|
padding-left: $space-xl;
|
|
padding-right: $space-xl;
|
|
|
|
@media (max-width: $media-breakpoint-mobile) {
|
|
padding-left: $space-m;
|
|
padding-right: $space-m;
|
|
}
|
|
}
|
|
|
|
.banner--bottom {
|
|
width: 100%;
|
|
max-width: 1440px;
|
|
margin: 0 auto;
|
|
padding-left: $space-xl;
|
|
padding-right: $space-xl;
|
|
margin-top: 40px;
|
|
|
|
@media (max-width: $media-breakpoint-mobile) {
|
|
padding-left: $space-m;
|
|
padding-right: $space-m;
|
|
}
|
|
|
|
&__content {
|
|
width: calc(100% - #{$left-aside-width} - #{$column-spacing});
|
|
margin-left: calc(#{$left-aside-width} + #{$column-spacing});
|
|
|
|
@media (max-width: $media-breakpoint-desktop) {
|
|
width: calc(
|
|
100% - #{$left-aside-width-desktop} - #{$column-spacing}
|
|
);
|
|
margin-left: calc(
|
|
#{$left-aside-width-desktop} + #{$column-spacing}
|
|
);
|
|
}
|
|
|
|
@media (max-width: $media-breakpoint-tablet) {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|