75 lines
1.7 KiB
SCSS
Executable File
75 lines
1.7 KiB
SCSS
Executable File
//*************************
|
|
//** COLORS
|
|
//************************
|
|
|
|
// Colors
|
|
$black: #000;
|
|
$blackish: #212121;
|
|
$grayer: #212121;
|
|
$gray: #757575;
|
|
$gray-light: #757575;
|
|
$whitish: #c1c1c1;
|
|
$white: #fff;
|
|
|
|
// Primary colors
|
|
$primary-light: #212121;
|
|
$primary: #000;
|
|
$primary-dark: #000;
|
|
|
|
//Warning colors
|
|
$red-light: #ff0062;
|
|
$red: #ff2400;
|
|
|
|
//Card color
|
|
$card: #F0EFD1;
|
|
$card-hover: $black;
|
|
$card-dark: $black;
|
|
|
|
$green-japanese-laurel: #009688;
|
|
$green-olive: #cddc39;
|
|
$red-amaranth: #e91e63;
|
|
$purple-eggplant: #9c27b0;
|
|
$yellow-pear: #ffc107;
|
|
|
|
$tribe-primary: #98e0eb;
|
|
$tribe-secondary: #107a8a;
|
|
|
|
$top-icon-color: $white;
|
|
$dropdown-color: rgba(darken($primary-dark, 20%), 1);
|
|
|
|
//**************************
|
|
//** TYPOGRAPHY
|
|
//**************************
|
|
|
|
// Font Sizes
|
|
%xsmall {font-size: .75rem;}
|
|
%small {font-size: .9rem;}
|
|
%medium {font-size: 1rem;}
|
|
%large {font-size: 1.2rem;}
|
|
%larger {font-size: 1.6rem;}
|
|
%xlarge {font-size: 2rem;}
|
|
%xxlarge {font-size: 3rem;}
|
|
|
|
// Font Types
|
|
%title {font-family: Arial, Helvetica, sans-serif; }
|
|
%light {font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
|
|
%text {font-family: Arial, Helvetica, sans-serif; font-weight: 400; }
|
|
%bold {font-family: Arial, Helvetica, sans-serif; font-weight:800; }
|
|
%taiga {font-family: 'taiga';}
|
|
%mono {font-family: 'courier new', 'monospace';}
|
|
|
|
%lightbox {
|
|
background: rgba($white, 1);
|
|
}
|
|
|
|
// Background images
|
|
%triangled-bg {
|
|
background: url('https://farm9.staticflickr.com/8449/7893171238_a201af22bc_k_d.jpg') no-repeat center center;
|
|
background-size: cover;
|
|
}
|
|
|
|
%background-taiga {
|
|
background: url('https://farm9.staticflickr.com/8449/7893171238_a201af22bc_k_d.jpg') no-repeat center center;
|
|
background-size: cover;
|
|
}
|