-
Notifications
You must be signed in to change notification settings - Fork 45
/
_settings-colors.scss
106 lines (99 loc) · 2.63 KB
/
_settings-colors.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
95
96
97
98
99
100
101
102
103
104
105
106
////
/// @group Settings: Colors
////
/* ------------------------------------ *\
SETTINGS - COLORS
\* ------------------------------------ */
@import '../../02-tools/tools-data/tools-data.scss';
/// Bolt default color var.
$bolt-color-default: 'base';
/// Bolt Brand Colors - merged into $bolt-colors map
/// @type map
$bolt-brand-colors: (
'indigo': (
'xdark': hsl(233, 71%, 8%),
'dark': hsl(233, 47%, 16%),
'base': hsl(233, 47%, 23%),
'light': hsl(233, 33%, 49%),
'xlight': hsl(233, 73%, 81%),
),
'yellow': (
'xdark': hsl(43, 100%, 20%),
'dark': hsl(43, 82%, 50%),
'base': hsl(43, 100%, 65%),
'light': hsl(43, 100%, 80%),
'xlight': hsl(43, 100%, 90%),
),
'teal': (
'xdark': hsl(180, 100%, 10%),
'dark': hsl(180, 82%, 22%),
'base': hsl(180, 100%, 30%),
'light': hsl(180, 45%, 64%),
'xlight': hsl(180, 48%, 81%),
),
'orange': (
'xdark': hsl(15, 100%, 20%),
'dark': hsl(15, 82%, 39%),
'base': hsl(15, 82%, 50%),
'light': hsl(15, 100%, 70%),
'xlight': hsl(15, 100%, 85%),
),
'gray': (
'xdark': hsl(233, 6%, 19%),
'dark': hsl(233, 5.3%, 38%),
'base': hsl(233, 5.7%, 57.6%),
'light': hsl(233, 20%, 90%),
'xlight': hsl(233, 23%, 97%),
),
'black': (
'base': hsl(225, 8%, 9%),
),
'white': (
'base': hsl(0, 0%, 100%),
),
) !default;
/// Bolt Status Colors - merged into $bolt-colors map
/// @type map
$bolt-status-colors: (
'blue': (
'dark': hsl(201, 100%, 25%),
'base': hsl(201, 100%, 35%),
'light': hsl(201, 100%, 92%),
),
'success': (
'dark': rgb(37, 41%, 25%),
'base': hsl(123, 41%, 35%),
'light': hsl(123, 41%, 90%),
),
'error': (
'dark': hsl(6, 76%, 35%),
'base': hsl(6, 76%, 40%),
'light': hsl(6, 80%, 90%),
),
'warning': (
'dark': hsl(51, 80%, 45%),
'base': hsl(51, 80%, 55%),
'light': hsl(51, 80%, 90%),
),
) !default;
/// Bolt Social Colors - merged into $bolt-colors map
/// @type map
$bolt-social-colors: (
'social': (
'facebook': hsl(222, 46%, 42%),
'twitter': hsl(196, 100%, 46%),
'linkedin': hsl(201, 96%, 36%),
),
) !default;
/// All Bolt Colors - used within bolt-color @mixin and @function
/// @type map
/// @see {mixin} bolt-color
/// @see bolt-color
$bolt-colors: map-merge(
map-merge($bolt-brand-colors, $bolt-status-colors),
$bolt-social-colors
) !default;
@include bolt-export-data('colors/all.bolt.json', $bolt-colors);
@include bolt-export-data('colors/status.bolt.json', $bolt-status-colors);
@include bolt-export-data('colors/brand.bolt.json', $bolt-brand-colors);
@include bolt-export-data('colors/social.bolt.json', $bolt-social-colors);