| | @import "@/assets/_colors.scss"; |
| |
|
| | |
| | $bold-font: Noto Sans; |
| | $semibold-font: Noto Sans; |
| | $medium-font: Noto Sans; |
| | $regular-font: Noto Sans; |
| |
|
| | |
| | $bold-font-weight: 700; |
| | $semibold-font-weight: 600; |
| | $medium-font-weight: 500; |
| | $regular-font-weight: 400; |
| |
|
| | $header-height: 48px; |
| | $panel-did-you-know-section-width: 495px; |
| | $panel-nav-sidebar-width: 220px; |
| | $panel-header-height: 48px; |
| |
|
| | $container-max-width: 1440px; |
| |
|
| | |
| | $desktop-2900-breakpoint: 2900px; |
| | $desktop-1920-breakpoint: 1920px; |
| | $desktop-1560-breakpoint: 1560px; |
| | $desktop-1440-breakpoint: 1440px; |
| | $desktop-1420-breakpoint: 1420px; |
| | $tablet-1280-breakpoint: 1280px; |
| | $tablet-1200-breakpoint: 1200px; |
| | $tablet-1024-breakpoint: 1024px; |
| | $tablet-973-breakpoint: 973px; |
| | $mobile-768-breakpoint: 768px; |
| | $mobile-650-breakpoint: 650px; |
| | $mobile-480-breakpoint: 480px; |
| | $mobile-450-breakpoint: 450px; |
| | $mobile-320-breakpoint: 320px; |
| |
|
