-
Notifications
You must be signed in to change notification settings - Fork 1
/
_color.scss
94 lines (91 loc) · 2.06 KB
/
_color.scss
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
// Configs :: Color
@import "pack/seed-color-scheme/_index";
// Default
@include _color((
button: (
default: (
background: (
default: white,
hover: _color(grey, 200),
active: _color(grey, 400),
selected: _color(grey, 400),
),
border: (
default: _color(border, ui, dark),
hover: _color(border, ui, dark),
active: _color(border, ui, dark),
focus: _color(brand, primary),
),
box-shadow: (
default: none,
hover: none,
active: 0 1px 2px rgba(black, 0.2) inset,
focus: none,
),
text: (
default: _color(text),
hover: _color(text),
active: _color(text),
focus: _color(text),
),
),
),
), default);
// Primary
@include _color((
button: (
primary: (
background: (
default: _color(brand, primary),
hover: darken(_color(brand, primary), 4),
active: darken(_color(brand, primary), 8)
),
border: (
default: darken(_color(brand, primary), 8),
hover: darken(_color(brand, primary), 8),
active: darken(_color(brand, primary), 8),
focus: darken(_color(brand, primary), 8),
),
box-shadow: (
focus: 0 0 0 1px rgba(white, 0.4) inset,
),
text: (
default: white,
hover: white,
active: white,
focus: white,
),
),
),
), default);
// Link
@include _color((
button: (
link: (
background: (
default: transparent,
hover: transparent,
active: transparent,
focus: transparent,
),
border: (
default: transparent,
hover: transparent,
active: transparent,
focus: transparent,
),
box-shadow: (
default: none,
hover: none,
active: none,
focus: none,
),
text: (
default: _color(brand, primary),
hover: _color(brand, primary),
active: _color(brand, primary),
focus: _color(brand, primary),
),
),
),
), default);