UNPKG

dashing-framework

Version:

Style framework for Dash

github.com/samaritanministries/dashing

samaritanministries/dashing

126 lines (115 loc) • 3.18 kB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
# Colors View an [example](http://dashframework.github.io/dashing/sass/base/colors/example/example.html) of the Dashing Color Scale ##### Color Scale | Color Variables | Hex Color Code | |------------------|-----------------| | $white | #FFFFFF | | $black | #000000 | | Gray Variables | Hex Color Code | |-----------------|-----------------| | $gray-50 | #F2F2F2 | | $gray-100 | #EDEDED | | $gray-150 | #E0E0E0 | | $gray-200 | #D4D4D4 | | $gray-250 | #C7C7C7 | | $gray-300 | #BABABA | | $gray-400 | #A1A1A1 | | $gray-500 | #878787 | | $gray-600 | #6E6E6E | | $gray-700 | #555555 | | $gray-800 | #3B3B3B | | $gray-900 | #222222 | | $gray | $gray-600 | | Cool Gray Variables | Hex Color Code | |----------------------|-----------------| | $gray-50c | #F5F6F7 | | $gray-100c | #EDF1F2 | | $gray-150c | #DDE2E6 | | $gray-200c | #D2D5D9 | | $gray-250c | #C4C8CD | | $gray-300c | #B6BBC2 | | $gray-400c | #9CA3AA | | $gray-500c | #828B94 | | $gray-600c | #6C747D | | $gray-700c | #575D64 | | $gray-800c | #41464B | | $gray-900c | #24292C | | $gray-cool | $gray-600c | | Blue Variables | Hex Color Code | |-----------------|-----------------| | $blue-50 | #E9FFFF | | $blue-100 | #D0F3FF | | $blue-200 | #B7DAFF | | $blue-300 | #9DC0FF | | $blue-400 | #84A7ED | | $blue-500 | #6A8DD3 | | $blue-600 | #5174BA | | $blue-700 | #375AA0 | | $blue-800 | #1E4187 | | $blue-900 | #04276D | | $blue | $blue-500 | | Green Variables | Hex Color Code | |------------------|-----------------| | $green-50 | #ACFFEB | | $green-100 | #93FFD2 | | $green-200 | #7AFEB9 | | $green-300 | #60E49F | | $green-400 | #47CB86 | | $green-500 | #2DB16C | | $green-600 | #149853 | | $green-700 | #007E39 | | $green-800 | #006520 | | $green-900 | #004B06 | | $green | $green-500 | | Orange Variables | Hex Color Code | |-------------------|-----------------| | $orange-50 | #FFFFB0 | | $orange-100 | #FFF997 | | $orange-200 | #FFE07E | | $orange-300 | #FFC664 | | $orange-400 | #F7AD4B | | $orange-500 | #DD9331 | | $orange-600 | #C47A18 | | $orange-700 | #AA6000 | | $orange-800 | #914700 | | $orange-900 | #772D00 | | $orange | $orange-500 | | Purple Variables | Hex Color Code | |-------------------|-----------------| | $purple-50 | #F4CBFF | | $purple-100 | #DBB2E8 | | $purple-200 | #C299CF | | $purple-300 | #A87FB5 | | $purple-400 | #8F669C | | $purple-500 | #754C82 | | $purple-600 | #5C3369 | | $purple-700 | #42194F | | $purple-800 | #290036 | | $purple-900 | #0F001C | | $purple | $purple-500 | | Red Variables | Hex Color Code | |----------------|-----------------| | $red-50 | #FFCAB8 | | $red-100 | #FFB19F | | $red-200 | #FF9886 | | $red-300 | #FF7E6C | | $red-400 | #F76553 | | $red-500 | #DD4B39 | | $red-600 | #C43220 | | $red-700 | #AA1806 | | $red-800 | #910000 | | $red-900 | #770000 | | $red | $red-500 | | Yellow Variables | Hex Color Code | |-------------------|-----------------| | $yellow-50 | #FFFFEF | | $yellow-100 | #FFFFD6 | | $yellow-200 | #FFFFBD | | $yellow-300 | #FFFFA3 | | $yellow-400 | #FFFF8A | | $yellow-500 | #F2E670 | | $yellow-600 | #D9CD57 | | $yellow-700 | #BFB33D | | $yellow-800 | #A69A24 | | $yellow-900 | #8C800A | | $yellow | $yellow-500 |