72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
|
//
|
||
|
|
// Variables
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
|
||
|
|
// Global values
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
$header-height: 90px;
|
||
|
|
$btn-border-radius: 4px;
|
||
|
|
$el-border-radius: 6px;
|
||
|
|
// colors
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
$white: #fff;
|
||
|
|
$black: #000;
|
||
|
|
$gray: #929199;
|
||
|
|
$light-gray: #C2C1C7;
|
||
|
|
$faint-gray: #E3E3EA;
|
||
|
|
$dark-blue: #00ABE0;
|
||
|
|
$blue: #00BFE0;
|
||
|
|
$light-black: #242424;
|
||
|
|
$orange: #e78c5b;
|
||
|
|
$green: #5be764;
|
||
|
|
$gray-darker: #555;
|
||
|
|
$gray: #777;
|
||
|
|
$gray-light: #939393;
|
||
|
|
$gray-lighter: #979797;
|
||
|
|
$red: #dd4e58;
|
||
|
|
$red-dark: #c5454e;
|
||
|
|
$purple: #822ff7;
|
||
|
|
$light-purple: #f7f3f9;
|
||
|
|
$btn-color: #4592C5;
|
||
|
|
|
||
|
|
|
||
|
|
// Scaffolding
|
||
|
|
// -------------------------
|
||
|
|
$body-bg: #fff;
|
||
|
|
$text-color: $gray;
|
||
|
|
|
||
|
|
// Links
|
||
|
|
// -------------------------
|
||
|
|
$link-color: $red-dark;
|
||
|
|
$link-hover-color: darken($link-color, 15%);
|
||
|
|
|
||
|
|
// Typography
|
||
|
|
// -------------------------
|
||
|
|
$font-family-open-sans: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
$font-family-lato: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
$font-weight-lato-xl: 300;
|
||
|
|
$font-weight-lato-reg: 300;
|
||
|
|
$font-weight-lato-sb: 500;
|
||
|
|
$font-weight-lato-xb: 700;
|
||
|
|
$font-weight-open: $font-weight-lato-reg;
|
||
|
|
|
||
|
|
|
||
|
|
$text-shadow: 1px 1px 1px #000;
|
||
|
|
$shadow: $text-shadow;
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
// ----
|
||
|
|
$imagePath: "atlas/";
|
||
|
|
|
||
|
|
//margin + padding
|
||
|
|
$xsmall-pad: 20px;
|
||
|
|
$small-pad: 30px;
|
||
|
|
$med-pad: 70px;
|
||
|
|
$large-pad: 120px;
|
||
|
|
$xl-pad: 150px;
|
||
|
|
|
||
|
|
$light-outline: #f7f7f7;
|