2015-10-04 18:47:32 +03:00
|
|
|
//-- Color configuration
|
2015-10-05 15:54:29 +03:00
|
|
|
$color-divider: unquote("rgb(#{$palette-grey-200})") !default;
|
|
|
|
$color-background: unquote("rgb(#{$color-white})") !default;
|
2015-10-05 17:15:56 +03:00
|
|
|
$color-text: unquote("rgb(#{$palette-grey-900})") !default;
|
|
|
|
$color-text-secondary: unquote("rgb(#{$palette-grey-600})") !default;
|
2015-10-21 02:05:57 +03:00
|
|
|
$color-overlay: unquote("rgb(#{$color-black})");
|
|
|
|
$color-overlay-opacity: 0.5;
|
2015-10-05 15:54:29 +03:00
|
|
|
|
2015-11-01 19:24:51 +03:00
|
|
|
$color-primary: $palette-indigo-500 !default;
|
|
|
|
$color-primary-dark: $palette-indigo-700 !default;
|
2015-10-04 18:47:32 +03:00
|
|
|
$color-accent: $palette-pink-a200 !default;
|
2015-10-11 20:07:09 +03:00
|
|
|
$color-accent-dark: $palette-pink-700 !default;
|
2015-10-04 18:47:32 +03:00
|
|
|
$color-primary-contrast: $color-dark-contrast !default;
|
|
|
|
$color-accent-contrast: $color-dark-contrast !default;
|
2015-10-02 18:39:26 +03:00
|
|
|
|
2015-10-20 22:38:33 +03:00
|
|
|
//-- Sizing
|
2015-10-04 18:47:32 +03:00
|
|
|
$unit: 1rem;
|
2015-10-02 18:39:26 +03:00
|
|
|
|
2015-10-05 15:54:29 +03:00
|
|
|
// -- Fonts
|
2015-11-16 00:06:52 +03:00
|
|
|
$font-roboto-url: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" !default;
|
|
|
|
$font-icon-url: "https://fonts.googleapis.com/icon?family=Material+Icons" !default;
|
2015-10-06 22:32:31 +03:00
|
|
|
$preferred-font: "Roboto", "Helvetica", "Arial", sans-serif !default;
|
|
|
|
$font-size: 1.6 * $unit !default;
|
|
|
|
$font-size-tiny: 1.2 * $unit !default;
|
|
|
|
$font-size-small: 1.4 * $unit !default;
|
|
|
|
$font-size-normal: $font-size !default;
|
|
|
|
$font-size-big: 1.8 * $unit !default;
|
|
|
|
$font-weight-thin: 300 !default;
|
|
|
|
$font-weight-normal: 400 !default;
|
2015-10-11 23:27:59 +03:00
|
|
|
$font-weight-semi-bold: 500 !default;
|
2015-10-06 22:32:31 +03:00
|
|
|
$font-weight-bold: 700 !default;
|
2015-10-05 15:54:29 +03:00
|
|
|
|
2015-10-02 18:39:26 +03:00
|
|
|
//-- Shadows
|
2015-10-04 18:47:32 +03:00
|
|
|
$shadow-key-umbra-opacity: 0.2 !default;
|
|
|
|
$shadow-key-penumbra-opacity: 0.14 !default;
|
|
|
|
$shadow-ambient-shadow-opacity: 0.12 !default;
|
2015-10-02 18:39:26 +03:00
|
|
|
|
2015-10-02 20:10:42 +03:00
|
|
|
//-- Depth Shadows
|
2015-10-04 18:47:32 +03:00
|
|
|
$zdepth-shadow-1: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.24);
|
|
|
|
$zdepth-shadow-2: 0 3px 10px rgba(0,0,0,0.16), 0 3px 10px rgba(0,0,0,0.23);
|
|
|
|
$zdepth-shadow-3: 0 10px 30px rgba(0,0,0,0.19), 0 6px 10px rgba(0,0,0,0.23);
|
|
|
|
$zdepth-shadow-4: 0 14px 45px rgba(0,0,0,0.25), 0 10px 18px rgba(0,0,0,0.22);
|
|
|
|
$zdepth-shadow-5: 0 19px 60px rgba(0,0,0,0.30), 0 15px 20px rgba(0,0,0,0.22);
|
2015-10-02 20:10:42 +03:00
|
|
|
|
2015-10-02 18:39:26 +03:00
|
|
|
//-- Animation
|
2015-10-06 08:21:04 +03:00
|
|
|
$animation-duration: .35s;
|
|
|
|
$animation-delay: $animation-duration / 5;
|
2015-10-04 18:47:32 +03:00
|
|
|
$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;
|
|
|
|
$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;
|
|
|
|
$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;
|
|
|
|
$animation-curve-default: $animation-curve-fast-out-slow-in !default;
|
2015-10-02 20:10:42 +03:00
|
|
|
|
2015-10-05 10:12:16 +03:00
|
|
|
//-- Indexes
|
2015-11-14 23:38:17 +03:00
|
|
|
$z-index-highest: 300;
|
2015-10-05 10:12:16 +03:00
|
|
|
$z-index-higher: 200;
|
|
|
|
$z-index-high: 100;
|
|
|
|
$z-index-normal: 1;
|
|
|
|
$z-index-low: -100;
|
|
|
|
$z-index-lower: -200;
|