2018-12-11 11:02:00 -08:00
|
|
|
// brand colors
|
|
|
|
$poa-purple: #5a2da5;
|
|
|
|
$sokol-cyan: #8ce1d7;
|
|
|
|
$xdai-orange: #fec042;
|
|
|
|
$xdai-gray: #f2f6f8;
|
|
|
|
|
|
|
|
// base colors
|
2018-12-13 14:01:06 -08:00
|
|
|
$base-border-color: #dfdfdf;
|
2018-12-07 11:19:14 -08:00
|
|
|
$base-title-color: #333;
|
|
|
|
$base-text-color: #777;
|
2018-12-07 06:01:02 -08:00
|
|
|
$base-text-color-light: #9b9b9b;
|
|
|
|
|
|
|
|
// typography
|
2018-12-07 11:19:14 -08:00
|
|
|
$base-font-size: 14px;
|
2018-12-07 06:01:02 -08:00
|
|
|
|
|
|
|
// paths
|
|
|
|
$base-images-path: '../../assets/images';
|
|
|
|
|
2018-12-07 11:19:14 -08:00
|
|
|
// layout
|
|
|
|
$container-max-width: 1000px;
|
|
|
|
$container-horizontal-padding-desktop: 20px;
|
|
|
|
$container-horizontal-padding-tablet: 20px;
|
|
|
|
$container-horizontal-padding-mobile: 10px;
|
|
|
|
|
2018-12-07 06:01:02 -08:00
|
|
|
// responsive breakpoints
|
|
|
|
$breakpoint-xs: 320px;
|
|
|
|
$breakpoint-sm: 480px;
|
|
|
|
$breakpoint-md: 768px;
|
|
|
|
$breakpoint-lg: 992px;
|
|
|
|
$breakpoint-xl: 1024px;
|
|
|
|
$breakpoint-xxl: 1280px;
|
|
|
|
$breakpoint-xxxl: 1366px;
|
|
|
|
|
|
|
|
// z-index
|
2018-12-07 11:19:14 -08:00
|
|
|
$z-index-max: 12345678;
|