css-zero 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.md +61 -0
- data/Rakefile +4 -0
- data/app/assets/stylesheets/_reset.css +334 -0
- data/app/assets/stylesheets/borders.css +25 -0
- data/app/assets/stylesheets/breakpoints.css +10 -0
- data/app/assets/stylesheets/colors.css +265 -0
- data/app/assets/stylesheets/effects.css +35 -0
- data/app/assets/stylesheets/filters.css +105 -0
- data/app/assets/stylesheets/grid.css +38 -0
- data/app/assets/stylesheets/sizes.css +84 -0
- data/app/assets/stylesheets/transform.css +57 -0
- data/app/assets/stylesheets/transition.css +38 -0
- data/app/assets/stylesheets/typography.css +76 -0
- data/app/assets/stylesheets/zutilities.css +197 -0
- data/lib/css-zero.rb +8 -0
- data/lib/css_zero/version.rb +5 -0
- metadata +60 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 44e238f88d9d7356979a3c8e2da8408018b91d63751e7fe4a963667fd895e14f
|
4
|
+
data.tar.gz: 3c382aa05691a62cc22f735f81f020361c16fc90eff31d21debe004ee55cec75
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 5a7187973f44868552daa5097705b1d7cc338560c6476655fb97f48f8e6ba173144624c2072f5c6ae0eb787ade33ad96c36a7c9c68e4f37ba316140fb6f02078
|
7
|
+
data.tar.gz: 27fb3ee951fb13fe44908f5d16d1c12ce2e2b4b00d91a3b119bb04abac575dac3f5c96dc8fe16ddca1d0b3b13f6e75beeb36dc68953e7d84384bd12e78f67bdc
|
data/README.md
ADDED
@@ -0,0 +1,61 @@
|
|
1
|
+
# CSS Zero
|
2
|
+
|
3
|
+
An opinionated CSS starter kit for your application. You can think of it as a "no build" Tailwind CSS.
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
```
|
8
|
+
bundle add css-zero
|
9
|
+
```
|
10
|
+
|
11
|
+
This gem requires [propshaft](https://github.com/rails/propshaft) as asset pipeline.
|
12
|
+
|
13
|
+
## Usage
|
14
|
+
|
15
|
+
```css
|
16
|
+
.component {
|
17
|
+
background-color: var(--red-500);
|
18
|
+
border-radius: var(--rounded);
|
19
|
+
height: var(--size-4);
|
20
|
+
|
21
|
+
@media (--md) {
|
22
|
+
display: none;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
```
|
26
|
+
|
27
|
+
```html
|
28
|
+
<div class="component mbe-md">
|
29
|
+
<p>content here...</p>
|
30
|
+
</div>
|
31
|
+
```
|
32
|
+
|
33
|
+
## Files
|
34
|
+
|
35
|
+
- [Sizes](app/assets/stylesheets/sizes.css)
|
36
|
+
- [Colors](app/assets/stylesheets/colors.css)
|
37
|
+
- [Border](app/assets/stylesheets/borders.css)
|
38
|
+
- [Typography](app/assets/stylesheets/typography.css)
|
39
|
+
- [Effects](app/assets/stylesheets/effects.css)
|
40
|
+
- [Breakpoints](app/assets/stylesheets/breakpoints.css)
|
41
|
+
- [Grid](app/assets/stylesheets/grid.css)
|
42
|
+
- [Filters](app/assets/stylesheets/filters.css)
|
43
|
+
- [Transform](app/assets/stylesheets/transform.css)
|
44
|
+
- [Transition](app/assets/stylesheets/transition.css)
|
45
|
+
- [Utilities](app/assets/stylesheets/zutilities.css)
|
46
|
+
|
47
|
+
## Development
|
48
|
+
|
49
|
+
To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
|
50
|
+
|
51
|
+
## Contributing
|
52
|
+
|
53
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/lazaronixon/css-zero. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/lazaronixon/css-zero/blob/master/CODE_OF_CONDUCT.md).
|
54
|
+
|
55
|
+
## License
|
56
|
+
|
57
|
+
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
58
|
+
|
59
|
+
## Code of Conduct
|
60
|
+
|
61
|
+
Everyone interacting in the CSS Zero project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/lazaronixon/css-zero/blob/master/CODE_OF_CONDUCT.md).
|
data/Rakefile
ADDED
@@ -0,0 +1,334 @@
|
|
1
|
+
/*
|
2
|
+
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
3
|
+
2. Remove default margins and padding
|
4
|
+
3. Reset all borders.
|
5
|
+
*/
|
6
|
+
|
7
|
+
*,
|
8
|
+
::after,
|
9
|
+
::before,
|
10
|
+
::backdrop,
|
11
|
+
::file-selector-button {
|
12
|
+
box-sizing: border-box; /* 1 */
|
13
|
+
margin: 0; /* 2 */
|
14
|
+
padding: 0; /* 2 */
|
15
|
+
border: 0 solid; /* 3 */
|
16
|
+
}
|
17
|
+
|
18
|
+
/*
|
19
|
+
1. Use a consistent sensible line-height in all browsers.
|
20
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
21
|
+
3. Use a more readable tab size.
|
22
|
+
4. Use the user's configured `sans` font-family by default.
|
23
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
24
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
25
|
+
7. Disable tap highlights on iOS.
|
26
|
+
*/
|
27
|
+
|
28
|
+
html,
|
29
|
+
:host {
|
30
|
+
line-height: 1.5; /* 1 */
|
31
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
32
|
+
tab-size: 4; /* 3 */
|
33
|
+
font-family: var(
|
34
|
+
--default-font-family,
|
35
|
+
ui-sans-serif,
|
36
|
+
system-ui,
|
37
|
+
sans-serif,
|
38
|
+
'Apple Color Emoji',
|
39
|
+
'Segoe UI Emoji',
|
40
|
+
'Segoe UI Symbol',
|
41
|
+
'Noto Color Emoji'
|
42
|
+
); /* 4 */
|
43
|
+
font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */
|
44
|
+
font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */
|
45
|
+
-webkit-tap-highlight-color: transparent; /* 7 */
|
46
|
+
}
|
47
|
+
|
48
|
+
/*
|
49
|
+
Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
50
|
+
*/
|
51
|
+
|
52
|
+
body {
|
53
|
+
line-height: inherit;
|
54
|
+
}
|
55
|
+
|
56
|
+
/*
|
57
|
+
1. Add the correct height in Firefox.
|
58
|
+
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
59
|
+
3. Reset the default border style to a 1px solid border.
|
60
|
+
*/
|
61
|
+
|
62
|
+
hr {
|
63
|
+
height: 0; /* 1 */
|
64
|
+
color: inherit; /* 2 */
|
65
|
+
border-top-width: 1px; /* 3 */
|
66
|
+
}
|
67
|
+
|
68
|
+
/*
|
69
|
+
Add the correct text decoration in Chrome, Edge, and Safari.
|
70
|
+
*/
|
71
|
+
|
72
|
+
abbr:where([title]) {
|
73
|
+
-webkit-text-decoration: underline dotted;
|
74
|
+
text-decoration: underline dotted;
|
75
|
+
}
|
76
|
+
|
77
|
+
/*
|
78
|
+
Remove the default font size and weight for headings.
|
79
|
+
*/
|
80
|
+
|
81
|
+
h1,
|
82
|
+
h2,
|
83
|
+
h3,
|
84
|
+
h4,
|
85
|
+
h5,
|
86
|
+
h6 {
|
87
|
+
font-size: inherit;
|
88
|
+
font-weight: inherit;
|
89
|
+
}
|
90
|
+
|
91
|
+
/*
|
92
|
+
Reset links to optimize for opt-in styling instead of opt-out.
|
93
|
+
*/
|
94
|
+
|
95
|
+
a {
|
96
|
+
color: inherit;
|
97
|
+
-webkit-text-decoration: inherit;
|
98
|
+
text-decoration: inherit;
|
99
|
+
}
|
100
|
+
|
101
|
+
/*
|
102
|
+
Add the correct font weight in Edge and Safari.
|
103
|
+
*/
|
104
|
+
|
105
|
+
b,
|
106
|
+
strong {
|
107
|
+
font-weight: bolder;
|
108
|
+
}
|
109
|
+
|
110
|
+
/*
|
111
|
+
1. Use the user's configured `mono` font-family by default.
|
112
|
+
2. Use the user's configured `mono` font-feature-settings by default.
|
113
|
+
3. Use the user's configured `mono` font-variation-settings by default.
|
114
|
+
4. Correct the odd `em` font sizing in all browsers.
|
115
|
+
*/
|
116
|
+
|
117
|
+
code,
|
118
|
+
kbd,
|
119
|
+
samp,
|
120
|
+
pre {
|
121
|
+
font-family: var(
|
122
|
+
--default-mono-font-family,
|
123
|
+
ui-monospace,
|
124
|
+
SFMono-Regular,
|
125
|
+
Menlo,
|
126
|
+
Monaco,
|
127
|
+
Consolas,
|
128
|
+
'Liberation Mono',
|
129
|
+
'Courier New',
|
130
|
+
monospace
|
131
|
+
); /* 4 */
|
132
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 5 */
|
133
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 6 */
|
134
|
+
font-size: 1em; /* 4 */
|
135
|
+
}
|
136
|
+
|
137
|
+
/*
|
138
|
+
Add the correct font size in all browsers.
|
139
|
+
*/
|
140
|
+
|
141
|
+
small {
|
142
|
+
font-size: 80%;
|
143
|
+
}
|
144
|
+
|
145
|
+
/*
|
146
|
+
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
147
|
+
*/
|
148
|
+
|
149
|
+
sub,
|
150
|
+
sup {
|
151
|
+
font-size: 75%;
|
152
|
+
line-height: 0;
|
153
|
+
position: relative;
|
154
|
+
vertical-align: baseline;
|
155
|
+
}
|
156
|
+
|
157
|
+
sub {
|
158
|
+
bottom: -0.25em;
|
159
|
+
}
|
160
|
+
|
161
|
+
sup {
|
162
|
+
top: -0.5em;
|
163
|
+
}
|
164
|
+
|
165
|
+
/*
|
166
|
+
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
167
|
+
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
168
|
+
3. Remove gaps between table borders by default.
|
169
|
+
*/
|
170
|
+
|
171
|
+
table {
|
172
|
+
text-indent: 0; /* 1 */
|
173
|
+
border-color: inherit; /* 2 */
|
174
|
+
border-collapse: collapse; /* 3 */
|
175
|
+
}
|
176
|
+
|
177
|
+
/*
|
178
|
+
1. Inherit the font styles in all browsers.
|
179
|
+
2. Remove the default background color.
|
180
|
+
*/
|
181
|
+
|
182
|
+
button,
|
183
|
+
input,
|
184
|
+
optgroup,
|
185
|
+
select,
|
186
|
+
textarea,
|
187
|
+
::file-selector-button {
|
188
|
+
font: inherit; /* 1 */
|
189
|
+
font-feature-settings: inherit; /* 1 */
|
190
|
+
font-variation-settings: inherit; /* 1 */
|
191
|
+
letter-spacing: inherit; /* 1 */
|
192
|
+
color: inherit; /* 1 */
|
193
|
+
background: transparent; /* 2 */
|
194
|
+
}
|
195
|
+
|
196
|
+
/*
|
197
|
+
Reset the default inset border style for form controls to solid.
|
198
|
+
*/
|
199
|
+
|
200
|
+
input:where(:not([type='button'], [type='reset'], [type='submit'])),
|
201
|
+
select,
|
202
|
+
textarea {
|
203
|
+
border: 1px solid;
|
204
|
+
}
|
205
|
+
|
206
|
+
/*
|
207
|
+
Correct the inability to style the border radius in iOS Safari.
|
208
|
+
*/
|
209
|
+
button,
|
210
|
+
input:where([type='button'], [type='reset'], [type='submit']),
|
211
|
+
::file-selector-button {
|
212
|
+
appearance: button;
|
213
|
+
}
|
214
|
+
|
215
|
+
/*
|
216
|
+
Use the modern Firefox focus style for all focusable elements.
|
217
|
+
*/
|
218
|
+
|
219
|
+
:-moz-focusring {
|
220
|
+
outline: auto;
|
221
|
+
}
|
222
|
+
|
223
|
+
/*
|
224
|
+
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
225
|
+
*/
|
226
|
+
|
227
|
+
:-moz-ui-invalid {
|
228
|
+
box-shadow: none;
|
229
|
+
}
|
230
|
+
|
231
|
+
/*
|
232
|
+
Add the correct vertical alignment in Chrome and Firefox.
|
233
|
+
*/
|
234
|
+
|
235
|
+
progress {
|
236
|
+
vertical-align: baseline;
|
237
|
+
}
|
238
|
+
|
239
|
+
/*
|
240
|
+
Correct the cursor style of increment and decrement buttons in Safari.
|
241
|
+
*/
|
242
|
+
|
243
|
+
::-webkit-inner-spin-button,
|
244
|
+
::-webkit-outer-spin-button {
|
245
|
+
height: auto;
|
246
|
+
}
|
247
|
+
|
248
|
+
/*
|
249
|
+
Remove the inner padding in Chrome and Safari on macOS.
|
250
|
+
*/
|
251
|
+
|
252
|
+
::-webkit-search-decoration {
|
253
|
+
-webkit-appearance: none;
|
254
|
+
}
|
255
|
+
|
256
|
+
/*
|
257
|
+
Add the correct display in Chrome and Safari.
|
258
|
+
*/
|
259
|
+
|
260
|
+
summary {
|
261
|
+
display: list-item;
|
262
|
+
}
|
263
|
+
|
264
|
+
/*
|
265
|
+
Make lists unstyled by default.
|
266
|
+
*/
|
267
|
+
|
268
|
+
ol,
|
269
|
+
ul,
|
270
|
+
menu {
|
271
|
+
list-style: none;
|
272
|
+
}
|
273
|
+
|
274
|
+
/*
|
275
|
+
Prevent resizing textareas horizontally by default.
|
276
|
+
*/
|
277
|
+
|
278
|
+
textarea {
|
279
|
+
resize: vertical;
|
280
|
+
}
|
281
|
+
|
282
|
+
/*
|
283
|
+
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
284
|
+
2. Set the default placeholder color to a semi-transparent version of the current text color.
|
285
|
+
*/
|
286
|
+
|
287
|
+
::placeholder {
|
288
|
+
opacity: 1; /* 1 */
|
289
|
+
color: color-mix(in srgb, currentColor 50%, transparent); /* 2 */
|
290
|
+
}
|
291
|
+
|
292
|
+
/*
|
293
|
+
Make sure disabled buttons don't get the pointer cursor.
|
294
|
+
*/
|
295
|
+
|
296
|
+
:disabled {
|
297
|
+
cursor: default;
|
298
|
+
}
|
299
|
+
|
300
|
+
/*
|
301
|
+
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
302
|
+
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
303
|
+
This can trigger a poorly considered lint error in some tools but is included by design.
|
304
|
+
*/
|
305
|
+
|
306
|
+
img,
|
307
|
+
svg,
|
308
|
+
video,
|
309
|
+
canvas,
|
310
|
+
audio,
|
311
|
+
iframe,
|
312
|
+
embed,
|
313
|
+
object {
|
314
|
+
display: block; /* 1 */
|
315
|
+
vertical-align: middle; /* 2 */
|
316
|
+
}
|
317
|
+
|
318
|
+
/*
|
319
|
+
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
320
|
+
*/
|
321
|
+
|
322
|
+
img,
|
323
|
+
video {
|
324
|
+
max-width: 100%;
|
325
|
+
height: auto;
|
326
|
+
}
|
327
|
+
|
328
|
+
/*
|
329
|
+
Make elements with the HTML hidden attribute stay hidden by default.
|
330
|
+
*/
|
331
|
+
|
332
|
+
[hidden] {
|
333
|
+
display: none !important;
|
334
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
:root {
|
2
|
+
/****************************************************************
|
3
|
+
* Border Width
|
4
|
+
* Variables for controlling the width of an element's borders.
|
5
|
+
* border-width: var(--border);
|
6
|
+
*****************************************************************/
|
7
|
+
--border: 1px;
|
8
|
+
--border-2: 2px;
|
9
|
+
--border-4: 4px;
|
10
|
+
--border-8: 8px;
|
11
|
+
|
12
|
+
/****************************************************************
|
13
|
+
* Border Radius
|
14
|
+
* Variables for controlling the border radius of an element.
|
15
|
+
* border-radius: $rounded-none;
|
16
|
+
*****************************************************************/
|
17
|
+
--rounded-sm: 0.125rem; /* 2px */
|
18
|
+
--rounded: 0.25rem; /* 4px */
|
19
|
+
--rounded-md: 0.375rem; /* 6px */
|
20
|
+
--rounded-lg: 0.5rem; /* 8px */
|
21
|
+
--rounded-xl: 0.75rem; /* 12px */
|
22
|
+
--rounded-2xl: 1rem; /* 16px */
|
23
|
+
--rounded-3xl: 1.5rem; /* 24px */
|
24
|
+
--rounded-full: 9999px;
|
25
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/****************************************************************
|
2
|
+
* Responsive Design
|
3
|
+
* Custom media queries to build adaptive user interfaces.
|
4
|
+
* @media (--md) { display: none; }
|
5
|
+
*****************************************************************/
|
6
|
+
@custom-media --sm (min-width: 40rem); /* 640px */
|
7
|
+
@custom-media --md (min-width: 48rem); /* 768px */
|
8
|
+
@custom-media --lg (min-width: 64rem); /* 1024px */
|
9
|
+
@custom-media --xl (min-width: 80rem); /* 1280px */
|
10
|
+
@custom-media --2xl (min-width: 96rem); /* 1536px */
|
@@ -0,0 +1,265 @@
|
|
1
|
+
:root {
|
2
|
+
--slate-50: #f8fafc;
|
3
|
+
--slate-100: #f1f5f9;
|
4
|
+
--slate-200: #e2e8f0;
|
5
|
+
--slate-300: #cbd5e1;
|
6
|
+
--slate-400: #94a3b8;
|
7
|
+
--slate-500: #64748b;
|
8
|
+
--slate-600: #475569;
|
9
|
+
--slate-700: #334155;
|
10
|
+
--slate-800: #1e293b;
|
11
|
+
--slate-900: #0f172a;
|
12
|
+
--slate-950: #020617;
|
13
|
+
|
14
|
+
--gray-50: #f9fafb;
|
15
|
+
--gray-100: #f3f4f6;
|
16
|
+
--gray-200: #e5e7eb;
|
17
|
+
--gray-300: #d1d5db;
|
18
|
+
--gray-400: #9ca3af;
|
19
|
+
--gray-500: #6b7280;
|
20
|
+
--gray-600: #4b5563;
|
21
|
+
--gray-700: #374151;
|
22
|
+
--gray-800: #1f2937;
|
23
|
+
--gray-900: #111827;
|
24
|
+
--gray-950: #030712;
|
25
|
+
|
26
|
+
--zinc-50: #fafafa;
|
27
|
+
--zinc-100: #f4f4f5;
|
28
|
+
--zinc-200: #e4e4e7;
|
29
|
+
--zinc-300: #d4d4d8;
|
30
|
+
--zinc-400: #a1a1aa;
|
31
|
+
--zinc-500: #71717a;
|
32
|
+
--zinc-600: #52525b;
|
33
|
+
--zinc-700: #3f3f46;
|
34
|
+
--zinc-800: #27272a;
|
35
|
+
--zinc-900: #18181b;
|
36
|
+
--zinc-950: #09090b;
|
37
|
+
|
38
|
+
--neutral-50: #fafafa;
|
39
|
+
--neutral-100: #f5f5f5;
|
40
|
+
--neutral-200: #e5e5e5;
|
41
|
+
--neutral-300: #d4d4d4;
|
42
|
+
--neutral-400: #a3a3a3;
|
43
|
+
--neutral-500: #737373;
|
44
|
+
--neutral-600: #525252;
|
45
|
+
--neutral-700: #404040;
|
46
|
+
--neutral-800: #262626;
|
47
|
+
--neutral-900: #171717;
|
48
|
+
--neutral-950: #0a0a0a;
|
49
|
+
|
50
|
+
--stone-50: #fafaf9;
|
51
|
+
--stone-100: #f5f5f4;
|
52
|
+
--stone-200: #e7e5e4;
|
53
|
+
--stone-300: #d6d3d1;
|
54
|
+
--stone-400: #a8a29e;
|
55
|
+
--stone-500: #78716c;
|
56
|
+
--stone-600: #57534e;
|
57
|
+
--stone-700: #44403c;
|
58
|
+
--stone-800: #292524;
|
59
|
+
--stone-900: #1c1917;
|
60
|
+
--stone-950: #0c0a09;
|
61
|
+
|
62
|
+
--red-50: #fef2f2;
|
63
|
+
--red-100: #fee2e2;
|
64
|
+
--red-200: #fecaca;
|
65
|
+
--red-300: #fca5a5;
|
66
|
+
--red-400: #f87171;
|
67
|
+
--red-500: #ef4444;
|
68
|
+
--red-600: #dc2626;
|
69
|
+
--red-700: #b91c1c;
|
70
|
+
--red-800: #991b1b;
|
71
|
+
--red-900: #7f1d1d;
|
72
|
+
--red-950: #450a0a;
|
73
|
+
|
74
|
+
--orange-50: #fff7ed;
|
75
|
+
--orange-100: #ffedd5;
|
76
|
+
--orange-200: #fed7aa;
|
77
|
+
--orange-300: #fdba74;
|
78
|
+
--orange-400: #fb923c;
|
79
|
+
--orange-500: #f97316;
|
80
|
+
--orange-600: #ea580c;
|
81
|
+
--orange-700: #c2410c;
|
82
|
+
--orange-800: #9a3412;
|
83
|
+
--orange-900: #7c2d12;
|
84
|
+
--orange-950: #431407;
|
85
|
+
|
86
|
+
--amber-50: #fffbeb;
|
87
|
+
--amber-100: #fef3c7;
|
88
|
+
--amber-200: #fde68a;
|
89
|
+
--amber-300: #fcd34d;
|
90
|
+
--amber-400: #fbbf24;
|
91
|
+
--amber-500: #f59e0b;
|
92
|
+
--amber-600: #d97706;
|
93
|
+
--amber-700: #b45309;
|
94
|
+
--amber-800: #92400e;
|
95
|
+
--amber-900: #78350f;
|
96
|
+
--amber-950: #451a03;
|
97
|
+
|
98
|
+
--yellow-50: #fefce8;
|
99
|
+
--yellow-100: #fef9c3;
|
100
|
+
--yellow-200: #fef08a;
|
101
|
+
--yellow-300: #fde047;
|
102
|
+
--yellow-400: #facc15;
|
103
|
+
--yellow-500: #eab308;
|
104
|
+
--yellow-600: #ca8a04;
|
105
|
+
--yellow-700: #a16207;
|
106
|
+
--yellow-800: #854d0e;
|
107
|
+
--yellow-900: #713f12;
|
108
|
+
--yellow-950: #422006;
|
109
|
+
|
110
|
+
--lime-50: #f7fee7;
|
111
|
+
--lime-100: #ecfccb;
|
112
|
+
--lime-200: #d9f99d;
|
113
|
+
--lime-300: #bef264;
|
114
|
+
--lime-400: #a3e635;
|
115
|
+
--lime-500: #84cc16;
|
116
|
+
--lime-600: #65a30d;
|
117
|
+
--lime-700: #4d7c0f;
|
118
|
+
--lime-800: #3f6212;
|
119
|
+
--lime-900: #365314;
|
120
|
+
--lime-950: #1a2e05;
|
121
|
+
|
122
|
+
--green-50: #f0fdf4;
|
123
|
+
--green-100: #dcfce7;
|
124
|
+
--green-200: #bbf7d0;
|
125
|
+
--green-300: #86efac;
|
126
|
+
--green-400: #4ade80;
|
127
|
+
--green-500: #22c55e;
|
128
|
+
--green-600: #16a34a;
|
129
|
+
--green-700: #15803d;
|
130
|
+
--green-800: #166534;
|
131
|
+
--green-900: #14532d;
|
132
|
+
--green-950: #052e16;
|
133
|
+
|
134
|
+
--emerald-50: #ecfdf5;
|
135
|
+
--emerald-100: #d1fae5;
|
136
|
+
--emerald-200: #a7f3d0;
|
137
|
+
--emerald-300: #6ee7b7;
|
138
|
+
--emerald-400: #34d399;
|
139
|
+
--emerald-500: #10b981;
|
140
|
+
--emerald-600: #059669;
|
141
|
+
--emerald-700: #047857;
|
142
|
+
--emerald-800: #065f46;
|
143
|
+
--emerald-900: #064e3b;
|
144
|
+
--emerald-950: #022c22;
|
145
|
+
|
146
|
+
--teal-50: #f0fdfa;
|
147
|
+
--teal-100: #ccfbf1;
|
148
|
+
--teal-200: #99f6e4;
|
149
|
+
--teal-300: #5eead4;
|
150
|
+
--teal-400: #2dd4bf;
|
151
|
+
--teal-500: #14b8a6;
|
152
|
+
--teal-600: #0d9488;
|
153
|
+
--teal-700: #0f766e;
|
154
|
+
--teal-800: #115e59;
|
155
|
+
--teal-900: #134e4a;
|
156
|
+
--teal-950: #042f2e;
|
157
|
+
|
158
|
+
--cyan-50: #ecfeff;
|
159
|
+
--cyan-100: #cffafe;
|
160
|
+
--cyan-200: #a5f3fc;
|
161
|
+
--cyan-300: #67e8f9;
|
162
|
+
--cyan-400: #22d3ee;
|
163
|
+
--cyan-500: #06b6d4;
|
164
|
+
--cyan-600: #0891b2;
|
165
|
+
--cyan-700: #0e7490;
|
166
|
+
--cyan-800: #155e75;
|
167
|
+
--cyan-900: #164e63;
|
168
|
+
--cyan-950: #083344;
|
169
|
+
|
170
|
+
--sky-50: #f0f9ff;
|
171
|
+
--sky-100: #e0f2fe;
|
172
|
+
--sky-200: #bae6fd;
|
173
|
+
--sky-300: #7dd3fc;
|
174
|
+
--sky-400: #38bdf8;
|
175
|
+
--sky-500: #0ea5e9;
|
176
|
+
--sky-600: #0284c7;
|
177
|
+
--sky-700: #0369a1;
|
178
|
+
--sky-800: #075985;
|
179
|
+
--sky-900: #0c4a6e;
|
180
|
+
--sky-950: #082f49;
|
181
|
+
|
182
|
+
--blue-50: #eff6ff;
|
183
|
+
--blue-100: #dbeafe;
|
184
|
+
--blue-200: #bfdbfe;
|
185
|
+
--blue-300: #93c5fd;
|
186
|
+
--blue-400: #60a5fa;
|
187
|
+
--blue-500: #3b82f6;
|
188
|
+
--blue-600: #2563eb;
|
189
|
+
--blue-700: #1d4ed8;
|
190
|
+
--blue-800: #1e40af;
|
191
|
+
--blue-900: #1e3a8a;
|
192
|
+
--blue-950: #172554;
|
193
|
+
|
194
|
+
--indigo-50: #eef2ff;
|
195
|
+
--indigo-100: #e0e7ff;
|
196
|
+
--indigo-200: #c7d2fe;
|
197
|
+
--indigo-300: #a5b4fc;
|
198
|
+
--indigo-400: #818cf8;
|
199
|
+
--indigo-500: #6366f1;
|
200
|
+
--indigo-600: #4f46e5;
|
201
|
+
--indigo-700: #4338ca;
|
202
|
+
--indigo-800: #3730a3;
|
203
|
+
--indigo-900: #312e81;
|
204
|
+
--indigo-950: #1e1b4b;
|
205
|
+
|
206
|
+
--violet-50: #f5f3ff;
|
207
|
+
--violet-100: #ede9fe;
|
208
|
+
--violet-200: #ddd6fe;
|
209
|
+
--violet-300: #c4b5fd;
|
210
|
+
--violet-400: #a78bfa;
|
211
|
+
--violet-500: #8b5cf6;
|
212
|
+
--violet-600: #7c3aed;
|
213
|
+
--violet-700: #6d28d9;
|
214
|
+
--violet-800: #5b21b6;
|
215
|
+
--violet-900: #4c1d95;
|
216
|
+
--violet-950: #2e1065;
|
217
|
+
|
218
|
+
--purple-50: #faf5ff;
|
219
|
+
--purple-100: #f3e8ff;
|
220
|
+
--purple-200: #e9d5ff;
|
221
|
+
--purple-300: #d8b4fe;
|
222
|
+
--purple-400: #c084fc;
|
223
|
+
--purple-500: #a855f7;
|
224
|
+
--purple-600: #9333ea;
|
225
|
+
--purple-700: #7e22ce;
|
226
|
+
--purple-800: #6b21a8;
|
227
|
+
--purple-900: #581c87;
|
228
|
+
--purple-950: #3b0764;
|
229
|
+
|
230
|
+
--fuchsia-50: #fdf4ff;
|
231
|
+
--fuchsia-100: #fae8ff;
|
232
|
+
--fuchsia-200: #f5d0fe;
|
233
|
+
--fuchsia-300: #f0abfc;
|
234
|
+
--fuchsia-400: #e879f9;
|
235
|
+
--fuchsia-500: #d946ef;
|
236
|
+
--fuchsia-600: #c026d3;
|
237
|
+
--fuchsia-700: #a21caf;
|
238
|
+
--fuchsia-800: #86198f;
|
239
|
+
--fuchsia-900: #701a75;
|
240
|
+
--fuchsia-950: #4a044e;
|
241
|
+
|
242
|
+
--pink-50: #fdf2f8;
|
243
|
+
--pink-100: #fce7f3;
|
244
|
+
--pink-200: #fbcfe8;
|
245
|
+
--pink-300: #f9a8d4;
|
246
|
+
--pink-400: #f472b6;
|
247
|
+
--pink-500: #ec4899;
|
248
|
+
--pink-600: #db2777;
|
249
|
+
--pink-700: #be185d;
|
250
|
+
--pink-800: #9d174d;
|
251
|
+
--pink-900: #831843;
|
252
|
+
--pink-950: #500724;
|
253
|
+
|
254
|
+
--rose-50: #fff1f2;
|
255
|
+
--rose-100: #ffe4e6;
|
256
|
+
--rose-200: #fecdd3;
|
257
|
+
--rose-300: #fda4af;
|
258
|
+
--rose-400: #fb7185;
|
259
|
+
--rose-500: #f43f5e;
|
260
|
+
--rose-600: #e11d48;
|
261
|
+
--rose-700: #be123c;
|
262
|
+
--rose-800: #9f1239;
|
263
|
+
--rose-900: #881337;
|
264
|
+
--rose-950: #4c0519;
|
265
|
+
}
|