-
-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathflatui.css
More file actions
203 lines (203 loc) · 13 KB
/
flatui.css
File metadata and controls
203 lines (203 loc) · 13 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
/*! Colors.css 2.1.1 | Flat UI Palette | MIT License | https://github.com/eustasy/colors.css */
:root {
--flatui-turquoise: #1abc9c;
--flatui-green-sea: #16a085;
--flatui-emerald: #2ecc71;
--flatui-nephritis: #27ae60;
--flatui-peter-river: #3498db;
--flatui-belize-hole: #2980b9;
--flatui-amethyst: #9b59b6;
--flatui-wisteria: #8e44ad;
--flatui-wet-asphalt: #34495e;
--flatui-midnight-blue: #2c3e50;
--flatui-sun-flower: #f1c40f;
--flatui-orange: #f39c12;
--flatui-carrot: #e67e22;
--flatui-pumpkin: #d35400;
--flatui-alizarin: #e74c3c;
--flatui-pomegranate: #c0392b;
--flatui-clouds: #ecf0f1;
--flatui-silver: #bdc3c7;
--flatui-concrete: #95a5a6;
--flatui-asbestos: #7f8c8d;
}
.background-flatui-turquoise { background: var(--flatui-turquoise); }
.background-flatui-green-sea { background: var(--flatui-green-sea); }
.background-flatui-emerald { background: var(--flatui-emerald); }
.background-flatui-nephritis { background: var(--flatui-nephritis); }
.background-flatui-peter-river { background: var(--flatui-peter-river); }
.background-flatui-belize-hole { background: var(--flatui-belize-hole); }
.background-flatui-amethyst { background: var(--flatui-amethyst); }
.background-flatui-wisteria { background: var(--flatui-wisteria); }
.background-flatui-wet-asphalt { background: var(--flatui-wet-asphalt); }
.background-flatui-midnight-blue { background: var(--flatui-midnight-blue); }
.background-flatui-sun-flower { background: var(--flatui-sun-flower); }
.background-flatui-orange { background: var(--flatui-orange); }
.background-flatui-carrot { background: var(--flatui-carrot); }
.background-flatui-pumpkin { background: var(--flatui-pumpkin); }
.background-flatui-alizarin { background: var(--flatui-alizarin); }
.background-flatui-pomegranate { background: var(--flatui-pomegranate); }
.background-flatui-clouds { background: var(--flatui-clouds); }
.background-flatui-silver { background: var(--flatui-silver); }
.background-flatui-concrete { background: var(--flatui-concrete); }
.background-flatui-asbestos { background: var(--flatui-asbestos); }
.color-flatui-turquoise { color: var(--flatui-turquoise); }
.color-flatui-green-sea { color: var(--flatui-green-sea); }
.color-flatui-emerald { color: var(--flatui-emerald); }
.color-flatui-nephritis { color: var(--flatui-nephritis); }
.color-flatui-peter-river { color: var(--flatui-peter-river); }
.color-flatui-belize-hole { color: var(--flatui-belize-hole); }
.color-flatui-amethyst { color: var(--flatui-amethyst); }
.color-flatui-wisteria { color: var(--flatui-wisteria); }
.color-flatui-wet-asphalt { color: var(--flatui-wet-asphalt); }
.color-flatui-midnight-blue { color: var(--flatui-midnight-blue); }
.color-flatui-sun-flower { color: var(--flatui-sun-flower); }
.color-flatui-orange { color: var(--flatui-orange); }
.color-flatui-carrot { color: var(--flatui-carrot); }
.color-flatui-pumpkin { color: var(--flatui-pumpkin); }
.color-flatui-alizarin { color: var(--flatui-alizarin); }
.color-flatui-pomegranate { color: var(--flatui-pomegranate); }
.color-flatui-clouds { color: var(--flatui-clouds); }
.color-flatui-silver { color: var(--flatui-silver); }
.color-flatui-concrete { color: var(--flatui-concrete); }
.color-flatui-asbestos { color: var(--flatui-asbestos); }
.fill-flatui-turquoise { fill: var(--flatui-turquoise); }
.fill-flatui-green-sea { fill: var(--flatui-green-sea); }
.fill-flatui-emerald { fill: var(--flatui-emerald); }
.fill-flatui-nephritis { fill: var(--flatui-nephritis); }
.fill-flatui-peter-river { fill: var(--flatui-peter-river); }
.fill-flatui-belize-hole { fill: var(--flatui-belize-hole); }
.fill-flatui-amethyst { fill: var(--flatui-amethyst); }
.fill-flatui-wisteria { fill: var(--flatui-wisteria); }
.fill-flatui-wet-asphalt { fill: var(--flatui-wet-asphalt); }
.fill-flatui-midnight-blue { fill: var(--flatui-midnight-blue); }
.fill-flatui-sun-flower { fill: var(--flatui-sun-flower); }
.fill-flatui-orange { fill: var(--flatui-orange); }
.fill-flatui-carrot { fill: var(--flatui-carrot); }
.fill-flatui-pumpkin { fill: var(--flatui-pumpkin); }
.fill-flatui-alizarin { fill: var(--flatui-alizarin); }
.fill-flatui-pomegranate { fill: var(--flatui-pomegranate); }
.fill-flatui-clouds { fill: var(--flatui-clouds); }
.fill-flatui-silver { fill: var(--flatui-silver); }
.fill-flatui-concrete { fill: var(--flatui-concrete); }
.fill-flatui-asbestos { fill: var(--flatui-asbestos); }
.border-color-flatui-turquoise { border-color: var(--flatui-turquoise); }
.border-color-flatui-green-sea { border-color: var(--flatui-green-sea); }
.border-color-flatui-emerald { border-color: var(--flatui-emerald); }
.border-color-flatui-nephritis { border-color: var(--flatui-nephritis); }
.border-color-flatui-peter-river { border-color: var(--flatui-peter-river); }
.border-color-flatui-belize-hole { border-color: var(--flatui-belize-hole); }
.border-color-flatui-amethyst { border-color: var(--flatui-amethyst); }
.border-color-flatui-wisteria { border-color: var(--flatui-wisteria); }
.border-color-flatui-wet-asphalt { border-color: var(--flatui-wet-asphalt); }
.border-color-flatui-midnight-blue { border-color: var(--flatui-midnight-blue); }
.border-color-flatui-sun-flower { border-color: var(--flatui-sun-flower); }
.border-color-flatui-orange { border-color: var(--flatui-orange); }
.border-color-flatui-carrot { border-color: var(--flatui-carrot); }
.border-color-flatui-pumpkin { border-color: var(--flatui-pumpkin); }
.border-color-flatui-alizarin { border-color: var(--flatui-alizarin); }
.border-color-flatui-pomegranate { border-color: var(--flatui-pomegranate); }
.border-color-flatui-clouds { border-color: var(--flatui-clouds); }
.border-color-flatui-silver { border-color: var(--flatui-silver); }
.border-color-flatui-concrete { border-color: var(--flatui-concrete); }
.border-color-flatui-asbestos { border-color: var(--flatui-asbestos); }
.stroke-flatui-turquoise { stroke: var(--flatui-turquoise); }
.stroke-flatui-green-sea { stroke: var(--flatui-green-sea); }
.stroke-flatui-emerald { stroke: var(--flatui-emerald); }
.stroke-flatui-nephritis { stroke: var(--flatui-nephritis); }
.stroke-flatui-peter-river { stroke: var(--flatui-peter-river); }
.stroke-flatui-belize-hole { stroke: var(--flatui-belize-hole); }
.stroke-flatui-amethyst { stroke: var(--flatui-amethyst); }
.stroke-flatui-wisteria { stroke: var(--flatui-wisteria); }
.stroke-flatui-wet-asphalt { stroke: var(--flatui-wet-asphalt); }
.stroke-flatui-midnight-blue { stroke: var(--flatui-midnight-blue); }
.stroke-flatui-sun-flower { stroke: var(--flatui-sun-flower); }
.stroke-flatui-orange { stroke: var(--flatui-orange); }
.stroke-flatui-carrot { stroke: var(--flatui-carrot); }
.stroke-flatui-pumpkin { stroke: var(--flatui-pumpkin); }
.stroke-flatui-alizarin { stroke: var(--flatui-alizarin); }
.stroke-flatui-pomegranate { stroke: var(--flatui-pomegranate); }
.stroke-flatui-clouds { stroke: var(--flatui-clouds); }
.stroke-flatui-silver { stroke: var(--flatui-silver); }
.stroke-flatui-concrete { stroke: var(--flatui-concrete); }
.stroke-flatui-asbestos { stroke: var(--flatui-asbestos); }
.outline-color-flatui-turquoise { outline-color: var(--flatui-turquoise); }
.outline-color-flatui-green-sea { outline-color: var(--flatui-green-sea); }
.outline-color-flatui-emerald { outline-color: var(--flatui-emerald); }
.outline-color-flatui-nephritis { outline-color: var(--flatui-nephritis); }
.outline-color-flatui-peter-river { outline-color: var(--flatui-peter-river); }
.outline-color-flatui-belize-hole { outline-color: var(--flatui-belize-hole); }
.outline-color-flatui-amethyst { outline-color: var(--flatui-amethyst); }
.outline-color-flatui-wisteria { outline-color: var(--flatui-wisteria); }
.outline-color-flatui-wet-asphalt { outline-color: var(--flatui-wet-asphalt); }
.outline-color-flatui-midnight-blue { outline-color: var(--flatui-midnight-blue); }
.outline-color-flatui-sun-flower { outline-color: var(--flatui-sun-flower); }
.outline-color-flatui-orange { outline-color: var(--flatui-orange); }
.outline-color-flatui-carrot { outline-color: var(--flatui-carrot); }
.outline-color-flatui-pumpkin { outline-color: var(--flatui-pumpkin); }
.outline-color-flatui-alizarin { outline-color: var(--flatui-alizarin); }
.outline-color-flatui-pomegranate { outline-color: var(--flatui-pomegranate); }
.outline-color-flatui-clouds { outline-color: var(--flatui-clouds); }
.outline-color-flatui-silver { outline-color: var(--flatui-silver); }
.outline-color-flatui-concrete { outline-color: var(--flatui-concrete); }
.outline-color-flatui-asbestos { outline-color: var(--flatui-asbestos); }
.text-decoration-color-flatui-turquoise { text-decoration-color: var(--flatui-turquoise); }
.text-decoration-color-flatui-green-sea { text-decoration-color: var(--flatui-green-sea); }
.text-decoration-color-flatui-emerald { text-decoration-color: var(--flatui-emerald); }
.text-decoration-color-flatui-nephritis { text-decoration-color: var(--flatui-nephritis); }
.text-decoration-color-flatui-peter-river { text-decoration-color: var(--flatui-peter-river); }
.text-decoration-color-flatui-belize-hole { text-decoration-color: var(--flatui-belize-hole); }
.text-decoration-color-flatui-amethyst { text-decoration-color: var(--flatui-amethyst); }
.text-decoration-color-flatui-wisteria { text-decoration-color: var(--flatui-wisteria); }
.text-decoration-color-flatui-wet-asphalt { text-decoration-color: var(--flatui-wet-asphalt); }
.text-decoration-color-flatui-midnight-blue { text-decoration-color: var(--flatui-midnight-blue); }
.text-decoration-color-flatui-sun-flower { text-decoration-color: var(--flatui-sun-flower); }
.text-decoration-color-flatui-orange { text-decoration-color: var(--flatui-orange); }
.text-decoration-color-flatui-carrot { text-decoration-color: var(--flatui-carrot); }
.text-decoration-color-flatui-pumpkin { text-decoration-color: var(--flatui-pumpkin); }
.text-decoration-color-flatui-alizarin { text-decoration-color: var(--flatui-alizarin); }
.text-decoration-color-flatui-pomegranate { text-decoration-color: var(--flatui-pomegranate); }
.text-decoration-color-flatui-clouds { text-decoration-color: var(--flatui-clouds); }
.text-decoration-color-flatui-silver { text-decoration-color: var(--flatui-silver); }
.text-decoration-color-flatui-concrete { text-decoration-color: var(--flatui-concrete); }
.text-decoration-color-flatui-asbestos { text-decoration-color: var(--flatui-asbestos); }
.caret-color-flatui-turquoise { caret-color: var(--flatui-turquoise); }
.caret-color-flatui-green-sea { caret-color: var(--flatui-green-sea); }
.caret-color-flatui-emerald { caret-color: var(--flatui-emerald); }
.caret-color-flatui-nephritis { caret-color: var(--flatui-nephritis); }
.caret-color-flatui-peter-river { caret-color: var(--flatui-peter-river); }
.caret-color-flatui-belize-hole { caret-color: var(--flatui-belize-hole); }
.caret-color-flatui-amethyst { caret-color: var(--flatui-amethyst); }
.caret-color-flatui-wisteria { caret-color: var(--flatui-wisteria); }
.caret-color-flatui-wet-asphalt { caret-color: var(--flatui-wet-asphalt); }
.caret-color-flatui-midnight-blue { caret-color: var(--flatui-midnight-blue); }
.caret-color-flatui-sun-flower { caret-color: var(--flatui-sun-flower); }
.caret-color-flatui-orange { caret-color: var(--flatui-orange); }
.caret-color-flatui-carrot { caret-color: var(--flatui-carrot); }
.caret-color-flatui-pumpkin { caret-color: var(--flatui-pumpkin); }
.caret-color-flatui-alizarin { caret-color: var(--flatui-alizarin); }
.caret-color-flatui-pomegranate { caret-color: var(--flatui-pomegranate); }
.caret-color-flatui-clouds { caret-color: var(--flatui-clouds); }
.caret-color-flatui-silver { caret-color: var(--flatui-silver); }
.caret-color-flatui-concrete { caret-color: var(--flatui-concrete); }
.caret-color-flatui-asbestos { caret-color: var(--flatui-asbestos); }
.accent-color-flatui-turquoise { accent-color: var(--flatui-turquoise); }
.accent-color-flatui-green-sea { accent-color: var(--flatui-green-sea); }
.accent-color-flatui-emerald { accent-color: var(--flatui-emerald); }
.accent-color-flatui-nephritis { accent-color: var(--flatui-nephritis); }
.accent-color-flatui-peter-river { accent-color: var(--flatui-peter-river); }
.accent-color-flatui-belize-hole { accent-color: var(--flatui-belize-hole); }
.accent-color-flatui-amethyst { accent-color: var(--flatui-amethyst); }
.accent-color-flatui-wisteria { accent-color: var(--flatui-wisteria); }
.accent-color-flatui-wet-asphalt { accent-color: var(--flatui-wet-asphalt); }
.accent-color-flatui-midnight-blue { accent-color: var(--flatui-midnight-blue); }
.accent-color-flatui-sun-flower { accent-color: var(--flatui-sun-flower); }
.accent-color-flatui-orange { accent-color: var(--flatui-orange); }
.accent-color-flatui-carrot { accent-color: var(--flatui-carrot); }
.accent-color-flatui-pumpkin { accent-color: var(--flatui-pumpkin); }
.accent-color-flatui-alizarin { accent-color: var(--flatui-alizarin); }
.accent-color-flatui-pomegranate { accent-color: var(--flatui-pomegranate); }
.accent-color-flatui-clouds { accent-color: var(--flatui-clouds); }
.accent-color-flatui-silver { accent-color: var(--flatui-silver); }
.accent-color-flatui-concrete { accent-color: var(--flatui-concrete); }
.accent-color-flatui-asbestos { accent-color: var(--flatui-asbestos); }