2018-06-27 13:06:10 +00:00
|
|
|
// Media Queries
|
|
|
|
|
$smallMobile: 375px;
|
|
|
|
|
$bigMobile: 480px;
|
|
|
|
|
$tablet: 768px;
|
2018-07-19 09:22:55 +00:00
|
|
|
$toTablet: 767px;
|
2018-07-05 09:56:16 +00:00
|
|
|
$toDesktop: 1023px;
|
2018-06-27 13:06:10 +00:00
|
|
|
$desktop: 1024px;
|
2018-07-17 15:13:55 +00:00
|
|
|
$monitor: 1200px;
|
2018-06-27 13:06:10 +00:00
|
|
|
$big: 1440px;
|
|
|
|
|
|
|
|
|
|
// colors
|
2018-07-11 09:18:07 +00:00
|
|
|
$text-color: hsla(0, 0, 100, .7);
|
|
|
|
|
$blue: #3830cf;
|
|
|
|
|
$blue-highlight: #0069d9; // button hover
|
2018-07-17 10:28:43 +00:00
|
|
|
$blue-light: #2D3657;
|
2018-07-11 09:18:07 +00:00
|
|
|
$navy: #1c2449;
|
2018-07-17 14:23:38 +00:00
|
|
|
$navy-dark: #0c143a;
|
2018-07-11 09:18:07 +00:00
|
|
|
$red: #d4434a;
|
|
|
|
|
$dark-red: #AA2E49;
|
2018-07-19 14:58:01 +00:00
|
|
|
$orange: #DC6008;
|
|
|
|
|
$turquoise: #1FB3C9;
|
2018-06-27 13:06:10 +00:00
|
|
|
|
|
|
|
|
// text
|
2018-07-17 10:28:43 +00:00
|
|
|
$body-font-size: 16;
|
|
|
|
|
$body-line-height: 24;
|
2018-07-05 09:56:16 +00:00
|
|
|
$primary-font: 'Roboto Mono', monospace;
|
|
|
|
|
$secondary-font: 'bebas_neuebold', sans-serif;
|
|
|
|
|
|
|
|
|
|
// layout
|
2018-07-17 15:13:55 +00:00
|
|
|
$container-width: 740;
|
2018-07-19 14:07:28 +00:00
|
|
|
$big-container-width: 1008;
|
2018-07-17 15:13:55 +00:00
|
|
|
$browse-left-width: 200;
|
2018-07-05 09:56:16 +00:00
|
|
|
$container-padding: 24;
|
