98 lines
2.0 KiB
SCSS
98 lines
2.0 KiB
SCSS
$base-images-path: '../images';
|
|
|
|
// brand colors
|
|
$poa-purple: #5c34a2;
|
|
$poa-purple-darker: #45277a;
|
|
$poa-freeze-color: #50bbda;
|
|
$poa-danger-color: #f21b57;
|
|
$poa-green-color: #60db97;
|
|
$poa-menu-icon-color: #60db97;
|
|
|
|
$sokol-cyan: #6ac9b9;
|
|
$sokol-cyan-darker: #41b19e;
|
|
$sokol-freeze-color: #50bbda;
|
|
$sokol-danger-color: #f24c67;
|
|
$sokol-menu-icon-color: #fff;
|
|
|
|
$xdai-green: #15bba6;
|
|
$xdai-gray-darker: #132942;
|
|
$xdai-gray: #173250;
|
|
$xdai-gray-dark: #333;
|
|
$xdai-menu-icon-color: $xdai-green;
|
|
|
|
$kovan-cyan: #28aca4;
|
|
$kovan-cyan-darker: #1f857f;
|
|
$kovan-freeze-color: #50bbda;
|
|
$kovan-danger-color: #f24c67;
|
|
$kovan-menu-icon-color: #fff;
|
|
|
|
// colors
|
|
$gray-text-color: #333;
|
|
|
|
// typography
|
|
$base-text-color: #333;
|
|
$base-font-size: 14px;
|
|
|
|
// borders
|
|
$base-border-color: #e4e4e4;
|
|
|
|
// layout
|
|
$container-max-width: 1000px;
|
|
$container-horizontal-padding-desktop: 20px;
|
|
$container-horizontal-padding-tablet: 20px;
|
|
$container-horizontal-padding-mobile: 10px;
|
|
|
|
// widths
|
|
$mobile-width: 767px; // TODO: Delete this when possible...
|
|
|
|
$breakpoint-xs: 320px;
|
|
$breakpoint-sm: 480px;
|
|
$breakpoint-md: 768px;
|
|
$breakpoint-lg: 992px;
|
|
$breakpoint-xl: 1024px;
|
|
$breakpoint-xxl: 1280px;
|
|
$breakpoint-xxxl: 1366px;
|
|
|
|
// header
|
|
$header-links-container-height: 70px;
|
|
$header-height: 70px;
|
|
|
|
// search
|
|
$search-container-height: 50px;
|
|
|
|
// mobile menu
|
|
$header-mobile-menu-container-height: 220px;
|
|
|
|
// footer
|
|
$footer-height: 60px;
|
|
$footer-height_desktop: 66px;
|
|
$footer-height_mobile: 132px;
|
|
|
|
// misc
|
|
$desktop-indent: 30px;
|
|
$tablet-indent: 15px;
|
|
$mobile-indent: 10px;
|
|
|
|
// forms
|
|
$input-height: 40px;
|
|
$input-color: #202d3c;
|
|
|
|
// voting colors
|
|
$voting-negative-poa: #f21b57;
|
|
$voting-neutral-poa: #50bbda;
|
|
$voting-positive-poa: #60db97;
|
|
|
|
$voting-negative-sokol: #f24c67;
|
|
$voting-neutral-sokol: #50bbda;
|
|
$voting-positive-sokol: #6ac9b9;
|
|
|
|
$voting-negative-dai: #f21b57;
|
|
$voting-neutral-dai: #50bbda;
|
|
$voting-positive-dai: $xdai-green;
|
|
|
|
$voting-negative-kovan: #f24c67;
|
|
$voting-neutral-kovan: #50bbda;
|
|
$voting-positive-kovan: #6ac9b9;
|
|
|
|
// grid stuff
|
|
$base-grid-gap: 30px; |