69 lines
1.8 KiB
SCSS
Executable File
69 lines
1.8 KiB
SCSS
Executable File
//*************************
|
|
//** COLORS
|
|
//************************
|
|
|
|
// Colors
|
|
$black: #000;
|
|
$blackish: #212121;
|
|
$grayer: #424242;
|
|
$gray: #757575;
|
|
$gray-light: #bdbdbd;
|
|
$whitish: #f5f5f5;
|
|
$white: #fff;
|
|
|
|
// Primary colors
|
|
$primary-light: #8c9eff;
|
|
$primary: #3f51b5;
|
|
$primary-dark: #1a237e;
|
|
|
|
//Warning colors
|
|
$red-light: #ff5252;
|
|
$red: #f44336;
|
|
|
|
//Card color
|
|
$card: #fff8e4;
|
|
$card-hover: #f1e8cd;
|
|
$card-dark: #cfc29b;
|
|
|
|
$green-japanese-laurel: #009688;
|
|
$green-olive: #cddc39;
|
|
$red-amaranth: #e91e63;
|
|
$purple-eggplant: #9c27b0;
|
|
$yellow-pear: #ffc107;
|
|
|
|
$top-icon-color: $white;
|
|
$dropdown-color: rgba(darken($primary-dark, 20%), 1);
|
|
|
|
// 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: 'OpenSans-CondLight', Arial, Helvetica, sans-serif; }
|
|
%light {font-family: 'OpenSans-Light', Arial, Helvetica, sans-serif; }
|
|
%text {font-family: 'opensans-regular', Arial, Helvetica, sans-serif; }
|
|
%bold {font-family: 'opensans-semibold', Arial, Helvetica, sans-serif; }
|
|
%taiga {font-family: 'taiga';}
|
|
%mono {font-family: 'courier new', 'monospace';}
|
|
|
|
// lightbox
|
|
%lightbox {
|
|
background: rgba($white, .95);
|
|
}
|
|
|
|
// Background images
|
|
%triangled-bg {
|
|
background: url('https://lh4.googleusercontent.com/-k7YewfrSQ_Q/VGdNZND0NBI/AAAAAAAAD1A/UDZBeSGR7iM/w1465-h824-no/Ultimate%2BMaterial%2BLollipop%2BCollection%2B-%2B480') no-repeat center center;
|
|
background-size: cover;
|
|
}
|
|
|
|
%background-taiga {
|
|
background: url('https://lh6.googleusercontent.com/-2l_mJ5g6j4k/VGdNZCpaERI/AAAAAAAAD2o/zCx5Z3cYv6Y/w1465-h824-no/Ultimate%2BMaterial%2BLollipop%2BCollection%2B-%2B497') no-repeat center center;
|
|
background-size: cover;
|
|
}
|