blob: cc20acfb2f1c1116c15b803187d722669af85e18 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
// Typography
$base-font-family: $font-stack-system;
$heading-font-family: $base-font-family;
// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;
// Other Sizes
$base-border-radius: 3px;
$base-spacing: 1.5em;
$big-spacing: $base-spacing * 2;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;
// Colors
$white: #FFF;
$grey-light: #F5F5F5;
$grey: #E0E0E0;
$grey-dark: #424242;
// Font Colors
$base-font-color: $grey-dark;
$action-color: $grey;
// Border
$base-border-color: $grey;
$base-border: 1px solid $base-border-color;
// Background Colors
$viewport-background-color: #fff;
// Focus
$focus-outline-color: transparentize($action-color, 0.4);
$focus-outline-width: 3px;
$focus-outline: $focus-outline-width solid $focus-outline-color;
$focus-outline-offset: 2px;
// Animations
$base-duration: 150ms;
$base-timing: ease;
|
