source: node_modules/tailwindcss/index.css

Last change on this file was 2058e5c, checked in by istevanoska <ilinastevanoska@…>, 6 months ago

Working / before login

  • Property mode set to 100644
File size: 26.8 KB
Line 
1@layer theme, base, components, utilities;
2
3@layer theme {
4 @theme default {
5 --font-sans:
6 ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8 --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
9 --font-mono:
10 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
11 "Courier New", monospace;
12
13 --color-red-50: oklch(97.1% 0.013 17.38);
14 --color-red-100: oklch(93.6% 0.032 17.717);
15 --color-red-200: oklch(88.5% 0.062 18.334);
16 --color-red-300: oklch(80.8% 0.114 19.571);
17 --color-red-400: oklch(70.4% 0.191 22.216);
18 --color-red-500: oklch(63.7% 0.237 25.331);
19 --color-red-600: oklch(57.7% 0.245 27.325);
20 --color-red-700: oklch(50.5% 0.213 27.518);
21 --color-red-800: oklch(44.4% 0.177 26.899);
22 --color-red-900: oklch(39.6% 0.141 25.723);
23 --color-red-950: oklch(25.8% 0.092 26.042);
24
25 --color-orange-50: oklch(98% 0.016 73.684);
26 --color-orange-100: oklch(95.4% 0.038 75.164);
27 --color-orange-200: oklch(90.1% 0.076 70.697);
28 --color-orange-300: oklch(83.7% 0.128 66.29);
29 --color-orange-400: oklch(75% 0.183 55.934);
30 --color-orange-500: oklch(70.5% 0.213 47.604);
31 --color-orange-600: oklch(64.6% 0.222 41.116);
32 --color-orange-700: oklch(55.3% 0.195 38.402);
33 --color-orange-800: oklch(47% 0.157 37.304);
34 --color-orange-900: oklch(40.8% 0.123 38.172);
35 --color-orange-950: oklch(26.6% 0.079 36.259);
36
37 --color-amber-50: oklch(98.7% 0.022 95.277);
38 --color-amber-100: oklch(96.2% 0.059 95.617);
39 --color-amber-200: oklch(92.4% 0.12 95.746);
40 --color-amber-300: oklch(87.9% 0.169 91.605);
41 --color-amber-400: oklch(82.8% 0.189 84.429);
42 --color-amber-500: oklch(76.9% 0.188 70.08);
43 --color-amber-600: oklch(66.6% 0.179 58.318);
44 --color-amber-700: oklch(55.5% 0.163 48.998);
45 --color-amber-800: oklch(47.3% 0.137 46.201);
46 --color-amber-900: oklch(41.4% 0.112 45.904);
47 --color-amber-950: oklch(27.9% 0.077 45.635);
48
49 --color-yellow-50: oklch(98.7% 0.026 102.212);
50 --color-yellow-100: oklch(97.3% 0.071 103.193);
51 --color-yellow-200: oklch(94.5% 0.129 101.54);
52 --color-yellow-300: oklch(90.5% 0.182 98.111);
53 --color-yellow-400: oklch(85.2% 0.199 91.936);
54 --color-yellow-500: oklch(79.5% 0.184 86.047);
55 --color-yellow-600: oklch(68.1% 0.162 75.834);
56 --color-yellow-700: oklch(55.4% 0.135 66.442);
57 --color-yellow-800: oklch(47.6% 0.114 61.907);
58 --color-yellow-900: oklch(42.1% 0.095 57.708);
59 --color-yellow-950: oklch(28.6% 0.066 53.813);
60
61 --color-lime-50: oklch(98.6% 0.031 120.757);
62 --color-lime-100: oklch(96.7% 0.067 122.328);
63 --color-lime-200: oklch(93.8% 0.127 124.321);
64 --color-lime-300: oklch(89.7% 0.196 126.665);
65 --color-lime-400: oklch(84.1% 0.238 128.85);
66 --color-lime-500: oklch(76.8% 0.233 130.85);
67 --color-lime-600: oklch(64.8% 0.2 131.684);
68 --color-lime-700: oklch(53.2% 0.157 131.589);
69 --color-lime-800: oklch(45.3% 0.124 130.933);
70 --color-lime-900: oklch(40.5% 0.101 131.063);
71 --color-lime-950: oklch(27.4% 0.072 132.109);
72
73 --color-green-50: oklch(98.2% 0.018 155.826);
74 --color-green-100: oklch(96.2% 0.044 156.743);
75 --color-green-200: oklch(92.5% 0.084 155.995);
76 --color-green-300: oklch(87.1% 0.15 154.449);
77 --color-green-400: oklch(79.2% 0.209 151.711);
78 --color-green-500: oklch(72.3% 0.219 149.579);
79 --color-green-600: oklch(62.7% 0.194 149.214);
80 --color-green-700: oklch(52.7% 0.154 150.069);
81 --color-green-800: oklch(44.8% 0.119 151.328);
82 --color-green-900: oklch(39.3% 0.095 152.535);
83 --color-green-950: oklch(26.6% 0.065 152.934);
84
85 --color-emerald-50: oklch(97.9% 0.021 166.113);
86 --color-emerald-100: oklch(95% 0.052 163.051);
87 --color-emerald-200: oklch(90.5% 0.093 164.15);
88 --color-emerald-300: oklch(84.5% 0.143 164.978);
89 --color-emerald-400: oklch(76.5% 0.177 163.223);
90 --color-emerald-500: oklch(69.6% 0.17 162.48);
91 --color-emerald-600: oklch(59.6% 0.145 163.225);
92 --color-emerald-700: oklch(50.8% 0.118 165.612);
93 --color-emerald-800: oklch(43.2% 0.095 166.913);
94 --color-emerald-900: oklch(37.8% 0.077 168.94);
95 --color-emerald-950: oklch(26.2% 0.051 172.552);
96
97 --color-teal-50: oklch(98.4% 0.014 180.72);
98 --color-teal-100: oklch(95.3% 0.051 180.801);
99 --color-teal-200: oklch(91% 0.096 180.426);
100 --color-teal-300: oklch(85.5% 0.138 181.071);
101 --color-teal-400: oklch(77.7% 0.152 181.912);
102 --color-teal-500: oklch(70.4% 0.14 182.503);
103 --color-teal-600: oklch(60% 0.118 184.704);
104 --color-teal-700: oklch(51.1% 0.096 186.391);
105 --color-teal-800: oklch(43.7% 0.078 188.216);
106 --color-teal-900: oklch(38.6% 0.063 188.416);
107 --color-teal-950: oklch(27.7% 0.046 192.524);
108
109 --color-cyan-50: oklch(98.4% 0.019 200.873);
110 --color-cyan-100: oklch(95.6% 0.045 203.388);
111 --color-cyan-200: oklch(91.7% 0.08 205.041);
112 --color-cyan-300: oklch(86.5% 0.127 207.078);
113 --color-cyan-400: oklch(78.9% 0.154 211.53);
114 --color-cyan-500: oklch(71.5% 0.143 215.221);
115 --color-cyan-600: oklch(60.9% 0.126 221.723);
116 --color-cyan-700: oklch(52% 0.105 223.128);
117 --color-cyan-800: oklch(45% 0.085 224.283);
118 --color-cyan-900: oklch(39.8% 0.07 227.392);
119 --color-cyan-950: oklch(30.2% 0.056 229.695);
120
121 --color-sky-50: oklch(97.7% 0.013 236.62);
122 --color-sky-100: oklch(95.1% 0.026 236.824);
123 --color-sky-200: oklch(90.1% 0.058 230.902);
124 --color-sky-300: oklch(82.8% 0.111 230.318);
125 --color-sky-400: oklch(74.6% 0.16 232.661);
126 --color-sky-500: oklch(68.5% 0.169 237.323);
127 --color-sky-600: oklch(58.8% 0.158 241.966);
128 --color-sky-700: oklch(50% 0.134 242.749);
129 --color-sky-800: oklch(44.3% 0.11 240.79);
130 --color-sky-900: oklch(39.1% 0.09 240.876);
131 --color-sky-950: oklch(29.3% 0.066 243.157);
132
133 --color-blue-50: oklch(97% 0.014 254.604);
134 --color-blue-100: oklch(93.2% 0.032 255.585);
135 --color-blue-200: oklch(88.2% 0.059 254.128);
136 --color-blue-300: oklch(80.9% 0.105 251.813);
137 --color-blue-400: oklch(70.7% 0.165 254.624);
138 --color-blue-500: oklch(62.3% 0.214 259.815);
139 --color-blue-600: oklch(54.6% 0.245 262.881);
140 --color-blue-700: oklch(48.8% 0.243 264.376);
141 --color-blue-800: oklch(42.4% 0.199 265.638);
142 --color-blue-900: oklch(37.9% 0.146 265.522);
143 --color-blue-950: oklch(28.2% 0.091 267.935);
144
145 --color-indigo-50: oklch(96.2% 0.018 272.314);
146 --color-indigo-100: oklch(93% 0.034 272.788);
147 --color-indigo-200: oklch(87% 0.065 274.039);
148 --color-indigo-300: oklch(78.5% 0.115 274.713);
149 --color-indigo-400: oklch(67.3% 0.182 276.935);
150 --color-indigo-500: oklch(58.5% 0.233 277.117);
151 --color-indigo-600: oklch(51.1% 0.262 276.966);
152 --color-indigo-700: oklch(45.7% 0.24 277.023);
153 --color-indigo-800: oklch(39.8% 0.195 277.366);
154 --color-indigo-900: oklch(35.9% 0.144 278.697);
155 --color-indigo-950: oklch(25.7% 0.09 281.288);
156
157 --color-violet-50: oklch(96.9% 0.016 293.756);
158 --color-violet-100: oklch(94.3% 0.029 294.588);
159 --color-violet-200: oklch(89.4% 0.057 293.283);
160 --color-violet-300: oklch(81.1% 0.111 293.571);
161 --color-violet-400: oklch(70.2% 0.183 293.541);
162 --color-violet-500: oklch(60.6% 0.25 292.717);
163 --color-violet-600: oklch(54.1% 0.281 293.009);
164 --color-violet-700: oklch(49.1% 0.27 292.581);
165 --color-violet-800: oklch(43.2% 0.232 292.759);
166 --color-violet-900: oklch(38% 0.189 293.745);
167 --color-violet-950: oklch(28.3% 0.141 291.089);
168
169 --color-purple-50: oklch(97.7% 0.014 308.299);
170 --color-purple-100: oklch(94.6% 0.033 307.174);
171 --color-purple-200: oklch(90.2% 0.063 306.703);
172 --color-purple-300: oklch(82.7% 0.119 306.383);
173 --color-purple-400: oklch(71.4% 0.203 305.504);
174 --color-purple-500: oklch(62.7% 0.265 303.9);
175 --color-purple-600: oklch(55.8% 0.288 302.321);
176 --color-purple-700: oklch(49.6% 0.265 301.924);
177 --color-purple-800: oklch(43.8% 0.218 303.724);
178 --color-purple-900: oklch(38.1% 0.176 304.987);
179 --color-purple-950: oklch(29.1% 0.149 302.717);
180
181 --color-fuchsia-50: oklch(97.7% 0.017 320.058);
182 --color-fuchsia-100: oklch(95.2% 0.037 318.852);
183 --color-fuchsia-200: oklch(90.3% 0.076 319.62);
184 --color-fuchsia-300: oklch(83.3% 0.145 321.434);
185 --color-fuchsia-400: oklch(74% 0.238 322.16);
186 --color-fuchsia-500: oklch(66.7% 0.295 322.15);
187 --color-fuchsia-600: oklch(59.1% 0.293 322.896);
188 --color-fuchsia-700: oklch(51.8% 0.253 323.949);
189 --color-fuchsia-800: oklch(45.2% 0.211 324.591);
190 --color-fuchsia-900: oklch(40.1% 0.17 325.612);
191 --color-fuchsia-950: oklch(29.3% 0.136 325.661);
192
193 --color-pink-50: oklch(97.1% 0.014 343.198);
194 --color-pink-100: oklch(94.8% 0.028 342.258);
195 --color-pink-200: oklch(89.9% 0.061 343.231);
196 --color-pink-300: oklch(82.3% 0.12 346.018);
197 --color-pink-400: oklch(71.8% 0.202 349.761);
198 --color-pink-500: oklch(65.6% 0.241 354.308);
199 --color-pink-600: oklch(59.2% 0.249 0.584);
200 --color-pink-700: oklch(52.5% 0.223 3.958);
201 --color-pink-800: oklch(45.9% 0.187 3.815);
202 --color-pink-900: oklch(40.8% 0.153 2.432);
203 --color-pink-950: oklch(28.4% 0.109 3.907);
204
205 --color-rose-50: oklch(96.9% 0.015 12.422);
206 --color-rose-100: oklch(94.1% 0.03 12.58);
207 --color-rose-200: oklch(89.2% 0.058 10.001);
208 --color-rose-300: oklch(81% 0.117 11.638);
209 --color-rose-400: oklch(71.2% 0.194 13.428);
210 --color-rose-500: oklch(64.5% 0.246 16.439);
211 --color-rose-600: oklch(58.6% 0.253 17.585);
212 --color-rose-700: oklch(51.4% 0.222 16.935);
213 --color-rose-800: oklch(45.5% 0.188 13.697);
214 --color-rose-900: oklch(41% 0.159 10.272);
215 --color-rose-950: oklch(27.1% 0.105 12.094);
216
217 --color-slate-50: oklch(98.4% 0.003 247.858);
218 --color-slate-100: oklch(96.8% 0.007 247.896);
219 --color-slate-200: oklch(92.9% 0.013 255.508);
220 --color-slate-300: oklch(86.9% 0.022 252.894);
221 --color-slate-400: oklch(70.4% 0.04 256.788);
222 --color-slate-500: oklch(55.4% 0.046 257.417);
223 --color-slate-600: oklch(44.6% 0.043 257.281);
224 --color-slate-700: oklch(37.2% 0.044 257.287);
225 --color-slate-800: oklch(27.9% 0.041 260.031);
226 --color-slate-900: oklch(20.8% 0.042 265.755);
227 --color-slate-950: oklch(12.9% 0.042 264.695);
228
229 --color-gray-50: oklch(98.5% 0.002 247.839);
230 --color-gray-100: oklch(96.7% 0.003 264.542);
231 --color-gray-200: oklch(92.8% 0.006 264.531);
232 --color-gray-300: oklch(87.2% 0.01 258.338);
233 --color-gray-400: oklch(70.7% 0.022 261.325);
234 --color-gray-500: oklch(55.1% 0.027 264.364);
235 --color-gray-600: oklch(44.6% 0.03 256.802);
236 --color-gray-700: oklch(37.3% 0.034 259.733);
237 --color-gray-800: oklch(27.8% 0.033 256.848);
238 --color-gray-900: oklch(21% 0.034 264.665);
239 --color-gray-950: oklch(13% 0.028 261.692);
240
241 --color-zinc-50: oklch(98.5% 0 0);
242 --color-zinc-100: oklch(96.7% 0.001 286.375);
243 --color-zinc-200: oklch(92% 0.004 286.32);
244 --color-zinc-300: oklch(87.1% 0.006 286.286);
245 --color-zinc-400: oklch(70.5% 0.015 286.067);
246 --color-zinc-500: oklch(55.2% 0.016 285.938);
247 --color-zinc-600: oklch(44.2% 0.017 285.786);
248 --color-zinc-700: oklch(37% 0.013 285.805);
249 --color-zinc-800: oklch(27.4% 0.006 286.033);
250 --color-zinc-900: oklch(21% 0.006 285.885);
251 --color-zinc-950: oklch(14.1% 0.005 285.823);
252
253 --color-neutral-50: oklch(98.5% 0 0);
254 --color-neutral-100: oklch(97% 0 0);
255 --color-neutral-200: oklch(92.2% 0 0);
256 --color-neutral-300: oklch(87% 0 0);
257 --color-neutral-400: oklch(70.8% 0 0);
258 --color-neutral-500: oklch(55.6% 0 0);
259 --color-neutral-600: oklch(43.9% 0 0);
260 --color-neutral-700: oklch(37.1% 0 0);
261 --color-neutral-800: oklch(26.9% 0 0);
262 --color-neutral-900: oklch(20.5% 0 0);
263 --color-neutral-950: oklch(14.5% 0 0);
264
265 --color-stone-50: oklch(98.5% 0.001 106.423);
266 --color-stone-100: oklch(97% 0.001 106.424);
267 --color-stone-200: oklch(92.3% 0.003 48.717);
268 --color-stone-300: oklch(86.9% 0.005 56.366);
269 --color-stone-400: oklch(70.9% 0.01 56.259);
270 --color-stone-500: oklch(55.3% 0.013 58.071);
271 --color-stone-600: oklch(44.4% 0.011 73.639);
272 --color-stone-700: oklch(37.4% 0.01 67.558);
273 --color-stone-800: oklch(26.8% 0.007 34.298);
274 --color-stone-900: oklch(21.6% 0.006 56.043);
275 --color-stone-950: oklch(14.7% 0.004 49.25);
276
277 --color-black: #000;
278 --color-white: #fff;
279
280 --spacing: 0.25rem;
281
282 --breakpoint-sm: 40rem;
283 --breakpoint-md: 48rem;
284 --breakpoint-lg: 64rem;
285 --breakpoint-xl: 80rem;
286 --breakpoint-2xl: 96rem;
287
288 --container-3xs: 16rem;
289 --container-2xs: 18rem;
290 --container-xs: 20rem;
291 --container-sm: 24rem;
292 --container-md: 28rem;
293 --container-lg: 32rem;
294 --container-xl: 36rem;
295 --container-2xl: 42rem;
296 --container-3xl: 48rem;
297 --container-4xl: 56rem;
298 --container-5xl: 64rem;
299 --container-6xl: 72rem;
300 --container-7xl: 80rem;
301
302 --text-xs: 0.75rem;
303 --text-xs--line-height: calc(1 / 0.75);
304 --text-sm: 0.875rem;
305 --text-sm--line-height: calc(1.25 / 0.875);
306 --text-base: 1rem;
307 --text-base--line-height: calc(1.5 / 1);
308 --text-lg: 1.125rem;
309 --text-lg--line-height: calc(1.75 / 1.125);
310 --text-xl: 1.25rem;
311 --text-xl--line-height: calc(1.75 / 1.25);
312 --text-2xl: 1.5rem;
313 --text-2xl--line-height: calc(2 / 1.5);
314 --text-3xl: 1.875rem;
315 --text-3xl--line-height: calc(2.25 / 1.875);
316 --text-4xl: 2.25rem;
317 --text-4xl--line-height: calc(2.5 / 2.25);
318 --text-5xl: 3rem;
319 --text-5xl--line-height: 1;
320 --text-6xl: 3.75rem;
321 --text-6xl--line-height: 1;
322 --text-7xl: 4.5rem;
323 --text-7xl--line-height: 1;
324 --text-8xl: 6rem;
325 --text-8xl--line-height: 1;
326 --text-9xl: 8rem;
327 --text-9xl--line-height: 1;
328
329 --font-weight-thin: 100;
330 --font-weight-extralight: 200;
331 --font-weight-light: 300;
332 --font-weight-normal: 400;
333 --font-weight-medium: 500;
334 --font-weight-semibold: 600;
335 --font-weight-bold: 700;
336 --font-weight-extrabold: 800;
337 --font-weight-black: 900;
338
339 --tracking-tighter: -0.05em;
340 --tracking-tight: -0.025em;
341 --tracking-normal: 0em;
342 --tracking-wide: 0.025em;
343 --tracking-wider: 0.05em;
344 --tracking-widest: 0.1em;
345
346 --leading-tight: 1.25;
347 --leading-snug: 1.375;
348 --leading-normal: 1.5;
349 --leading-relaxed: 1.625;
350 --leading-loose: 2;
351
352 --radius-xs: 0.125rem;
353 --radius-sm: 0.25rem;
354 --radius-md: 0.375rem;
355 --radius-lg: 0.5rem;
356 --radius-xl: 0.75rem;
357 --radius-2xl: 1rem;
358 --radius-3xl: 1.5rem;
359 --radius-4xl: 2rem;
360
361 --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
362 --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
363 --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
364 --shadow-md:
365 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
366 --shadow-lg:
367 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
368 --shadow-xl:
369 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
370 --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
371
372 --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
373 --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
374 --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
375
376 --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
377 --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
378 --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
379 --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
380 --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
381 --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
382
383 --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
384 --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
385 --text-shadow-sm:
386 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
387 0px 2px 2px rgb(0 0 0 / 0.075);
388 --text-shadow-md:
389 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
390 0px 2px 4px rgb(0 0 0 / 0.1);
391 --text-shadow-lg:
392 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
393 0px 4px 8px rgb(0 0 0 / 0.1);
394
395 --ease-in: cubic-bezier(0.4, 0, 1, 1);
396 --ease-out: cubic-bezier(0, 0, 0.2, 1);
397 --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
398
399 --animate-spin: spin 1s linear infinite;
400 --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
401 --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
402 --animate-bounce: bounce 1s infinite;
403
404 @keyframes spin {
405 to {
406 transform: rotate(360deg);
407 }
408 }
409
410 @keyframes ping {
411 75%,
412 100% {
413 transform: scale(2);
414 opacity: 0;
415 }
416 }
417
418 @keyframes pulse {
419 50% {
420 opacity: 0.5;
421 }
422 }
423
424 @keyframes bounce {
425 0%,
426 100% {
427 transform: translateY(-25%);
428 animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
429 }
430
431 50% {
432 transform: none;
433 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
434 }
435 }
436
437 --blur-xs: 4px;
438 --blur-sm: 8px;
439 --blur-md: 12px;
440 --blur-lg: 16px;
441 --blur-xl: 24px;
442 --blur-2xl: 40px;
443 --blur-3xl: 64px;
444
445 --perspective-dramatic: 100px;
446 --perspective-near: 300px;
447 --perspective-normal: 500px;
448 --perspective-midrange: 800px;
449 --perspective-distant: 1200px;
450
451 --aspect-video: 16 / 9;
452
453 --default-transition-duration: 150ms;
454 --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
455 --default-font-family: --theme(--font-sans, initial);
456 --default-font-feature-settings: --theme(
457 --font-sans--font-feature-settings,
458 initial
459 );
460 --default-font-variation-settings: --theme(
461 --font-sans--font-variation-settings,
462 initial
463 );
464 --default-mono-font-family: --theme(--font-mono, initial);
465 --default-mono-font-feature-settings: --theme(
466 --font-mono--font-feature-settings,
467 initial
468 );
469 --default-mono-font-variation-settings: --theme(
470 --font-mono--font-variation-settings,
471 initial
472 );
473 }
474
475 /* Deprecated */
476 @theme default inline reference {
477 --blur: 8px;
478 --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
479 --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
480 --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);
481 --radius: 0.25rem;
482 --max-width-prose: 65ch;
483 }
484}
485
486@layer base {
487 /*
488 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
489 2. Remove default margins and padding
490 3. Reset all borders.
491*/
492
493 *,
494 ::after,
495 ::before,
496 ::backdrop,
497 ::file-selector-button {
498 box-sizing: border-box; /* 1 */
499 margin: 0; /* 2 */
500 padding: 0; /* 2 */
501 border: 0 solid; /* 3 */
502 }
503
504 /*
505 1. Use a consistent sensible line-height in all browsers.
506 2. Prevent adjustments of font size after orientation changes in iOS.
507 3. Use a more readable tab size.
508 4. Use the user's configured `sans` font-family by default.
509 5. Use the user's configured `sans` font-feature-settings by default.
510 6. Use the user's configured `sans` font-variation-settings by default.
511 7. Disable tap highlights on iOS.
512*/
513
514 html,
515 :host {
516 line-height: 1.5; /* 1 */
517 -webkit-text-size-adjust: 100%; /* 2 */
518 tab-size: 4; /* 3 */
519 font-family: --theme(
520 --default-font-family,
521 ui-sans-serif,
522 system-ui,
523 sans-serif,
524 "Apple Color Emoji",
525 "Segoe UI Emoji",
526 "Segoe UI Symbol",
527 "Noto Color Emoji"
528 ); /* 4 */
529 font-feature-settings: --theme(
530 --default-font-feature-settings,
531 normal
532 ); /* 5 */
533 font-variation-settings: --theme(
534 --default-font-variation-settings,
535 normal
536 ); /* 6 */
537 -webkit-tap-highlight-color: transparent; /* 7 */
538 }
539
540 /*
541 1. Add the correct height in Firefox.
542 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
543 3. Reset the default border style to a 1px solid border.
544*/
545
546 hr {
547 height: 0; /* 1 */
548 color: inherit; /* 2 */
549 border-top-width: 1px; /* 3 */
550 }
551
552 /*
553 Add the correct text decoration in Chrome, Edge, and Safari.
554*/
555
556 abbr:where([title]) {
557 -webkit-text-decoration: underline dotted;
558 text-decoration: underline dotted;
559 }
560
561 /*
562 Remove the default font size and weight for headings.
563*/
564
565 h1,
566 h2,
567 h3,
568 h4,
569 h5,
570 h6 {
571 font-size: inherit;
572 font-weight: inherit;
573 }
574
575 /*
576 Reset links to optimize for opt-in styling instead of opt-out.
577*/
578
579 a {
580 color: inherit;
581 -webkit-text-decoration: inherit;
582 text-decoration: inherit;
583 }
584
585 /*
586 Add the correct font weight in Edge and Safari.
587*/
588
589 b,
590 strong {
591 font-weight: bolder;
592 }
593
594 /*
595 1. Use the user's configured `mono` font-family by default.
596 2. Use the user's configured `mono` font-feature-settings by default.
597 3. Use the user's configured `mono` font-variation-settings by default.
598 4. Correct the odd `em` font sizing in all browsers.
599*/
600
601 code,
602 kbd,
603 samp,
604 pre {
605 font-family: --theme(
606 --default-mono-font-family,
607 ui-monospace,
608 SFMono-Regular,
609 Menlo,
610 Monaco,
611 Consolas,
612 "Liberation Mono",
613 "Courier New",
614 monospace
615 ); /* 1 */
616 font-feature-settings: --theme(
617 --default-mono-font-feature-settings,
618 normal
619 ); /* 2 */
620 font-variation-settings: --theme(
621 --default-mono-font-variation-settings,
622 normal
623 ); /* 3 */
624 font-size: 1em; /* 4 */
625 }
626
627 /*
628 Add the correct font size in all browsers.
629*/
630
631 small {
632 font-size: 80%;
633 }
634
635 /*
636 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
637*/
638
639 sub,
640 sup {
641 font-size: 75%;
642 line-height: 0;
643 position: relative;
644 vertical-align: baseline;
645 }
646
647 sub {
648 bottom: -0.25em;
649 }
650
651 sup {
652 top: -0.5em;
653 }
654
655 /*
656 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)
657 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)
658 3. Remove gaps between table borders by default.
659*/
660
661 table {
662 text-indent: 0; /* 1 */
663 border-color: inherit; /* 2 */
664 border-collapse: collapse; /* 3 */
665 }
666
667 /*
668 Use the modern Firefox focus style for all focusable elements.
669*/
670
671 :-moz-focusring {
672 outline: auto;
673 }
674
675 /*
676 Add the correct vertical alignment in Chrome and Firefox.
677*/
678
679 progress {
680 vertical-align: baseline;
681 }
682
683 /*
684 Add the correct display in Chrome and Safari.
685*/
686
687 summary {
688 display: list-item;
689 }
690
691 /*
692 Make lists unstyled by default.
693*/
694
695 ol,
696 ul,
697 menu {
698 list-style: none;
699 }
700
701 /*
702 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
703 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
704 This can trigger a poorly considered lint error in some tools but is included by design.
705*/
706
707 img,
708 svg,
709 video,
710 canvas,
711 audio,
712 iframe,
713 embed,
714 object {
715 display: block; /* 1 */
716 vertical-align: middle; /* 2 */
717 }
718
719 /*
720 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
721*/
722
723 img,
724 video {
725 max-width: 100%;
726 height: auto;
727 }
728
729 /*
730 1. Inherit font styles in all browsers.
731 2. Remove border radius in all browsers.
732 3. Remove background color in all browsers.
733 4. Ensure consistent opacity for disabled states in all browsers.
734*/
735
736 button,
737 input,
738 select,
739 optgroup,
740 textarea,
741 ::file-selector-button {
742 font: inherit; /* 1 */
743 font-feature-settings: inherit; /* 1 */
744 font-variation-settings: inherit; /* 1 */
745 letter-spacing: inherit; /* 1 */
746 color: inherit; /* 1 */
747 border-radius: 0; /* 2 */
748 background-color: transparent; /* 3 */
749 opacity: 1; /* 4 */
750 }
751
752 /*
753 Restore default font weight.
754*/
755
756 :where(select:is([multiple], [size])) optgroup {
757 font-weight: bolder;
758 }
759
760 /*
761 Restore indentation.
762*/
763
764 :where(select:is([multiple], [size])) optgroup option {
765 padding-inline-start: 20px;
766 }
767
768 /*
769 Restore space after button.
770*/
771
772 ::file-selector-button {
773 margin-inline-end: 4px;
774 }
775
776 /*
777 Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
778*/
779
780 ::placeholder {
781 opacity: 1;
782 }
783
784 /*
785 Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
786 crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
787*/
788
789 @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
790 (contain-intrinsic-size: 1px) /* Safari 17+ */ {
791 ::placeholder {
792 color: color-mix(in oklab, currentcolor 50%, transparent);
793 }
794 }
795
796 /*
797 Prevent resizing textareas horizontally by default.
798*/
799
800 textarea {
801 resize: vertical;
802 }
803
804 /*
805 Remove the inner padding in Chrome and Safari on macOS.
806*/
807
808 ::-webkit-search-decoration {
809 -webkit-appearance: none;
810 }
811
812 /*
813 1. Ensure date/time inputs have the same height when empty in iOS Safari.
814 2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
815*/
816
817 ::-webkit-date-and-time-value {
818 min-height: 1lh; /* 1 */
819 text-align: inherit; /* 2 */
820 }
821
822 /*
823 Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
824*/
825
826 ::-webkit-datetime-edit {
827 display: inline-flex;
828 }
829
830 /*
831 Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
832*/
833
834 ::-webkit-datetime-edit-fields-wrapper {
835 padding: 0;
836 }
837
838 ::-webkit-datetime-edit,
839 ::-webkit-datetime-edit-year-field,
840 ::-webkit-datetime-edit-month-field,
841 ::-webkit-datetime-edit-day-field,
842 ::-webkit-datetime-edit-hour-field,
843 ::-webkit-datetime-edit-minute-field,
844 ::-webkit-datetime-edit-second-field,
845 ::-webkit-datetime-edit-millisecond-field,
846 ::-webkit-datetime-edit-meridiem-field {
847 padding-block: 0;
848 }
849
850 /*
851 Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
852*/
853
854 ::-webkit-calendar-picker-indicator {
855 line-height: 1;
856 }
857
858 /*
859 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
860*/
861
862 :-moz-ui-invalid {
863 box-shadow: none;
864 }
865
866 /*
867 Correct the inability to style the border radius in iOS Safari.
868*/
869
870 button,
871 input:where([type="button"], [type="reset"], [type="submit"]),
872 ::file-selector-button {
873 appearance: button;
874 }
875
876 /*
877 Correct the cursor style of increment and decrement buttons in Safari.
878*/
879
880 ::-webkit-inner-spin-button,
881 ::-webkit-outer-spin-button {
882 height: auto;
883 }
884
885 /*
886 Make elements with the HTML hidden attribute stay hidden by default.
887*/
888
889 [hidden]:where(:not([hidden="until-found"])) {
890 display: none !important;
891 }
892}
893
894@layer utilities {
895 @tailwind utilities;
896}
Note: See TracBrowser for help on using the repository browser.