32 lines
610 B
SCSS
32 lines
610 B
SCSS
// Media Queries
|
|
$smallMobile: 375px;
|
|
$bigMobile: 480px;
|
|
$tablet: 768px;
|
|
$toTablet: 767px;
|
|
$toDesktop: 1023px;
|
|
$desktop: 1024px;
|
|
$monitor: 1200px;
|
|
$big: 1440px;
|
|
|
|
// colors
|
|
$text-color: hsla(0, 0, 100, .7);
|
|
$blue: #3830cf;
|
|
$blue-highlight: #0069d9; // button hover
|
|
$blue-light: #2D3657;
|
|
$navy: #1c2449;
|
|
$navy-dark: #0c143a;
|
|
$red: #d4434a;
|
|
$dark-red: #AA2E49;
|
|
|
|
// text
|
|
$body-font-size: 16;
|
|
$body-line-height: 24;
|
|
$primary-font: 'Roboto Mono', monospace;
|
|
$secondary-font: 'bebas_neuebold', sans-serif;
|
|
|
|
// layout
|
|
$container-width: 740;
|
|
$big-container-width: 1008;
|
|
$browse-left-width: 200;
|
|
$container-padding: 24;
|