UNPKG

@nuxtwind/components

Version:

Component Library for Nuxt 3 using TailwindCSS

nuxtwind.com

fantasyflip/nuxtwind

58 lines (57 loc) • 5.48 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
export declare const CSS_TEMPLATES: { readonly tailwindImport: "@import \"tailwindcss\";"; readonly primaryColor: "@theme static {\n /* Primary Color Scale - Autogenerated by NuxtWind Module */\n --color-primary-50: #ecfeff;\n --color-primary-100: #cffafe;\n --color-primary-200: #a5f3fc;\n --color-primary-300: #67e8f9;\n --color-primary-400: #22d3ee;\n --color-primary-500: #06b6d4;\n --color-primary-600: #0891b2;\n --color-primary-700: #0e7490;\n --color-primary-800: #155e75;\n --color-primary-900: #164e63;\n --color-primary-950: #083344;\n}"; readonly secondaryColor: "@theme static {\n /* Secondary Color Scale - Autogenerated by NuxtWind Module */\n --color-secondary-50: #ecfdf5;\n --color-secondary-100: #d1fae5;\n --color-secondary-200: #a7f3d0;\n --color-secondary-300: #6ee7b7;\n --color-secondary-400: #34d399;\n --color-secondary-500: #10b981;\n --color-secondary-600: #059669;\n --color-secondary-700: #047857;\n --color-secondary-800: #065f46;\n --color-secondary-900: #064e3b;\n --color-secondary-950: #022c22;\n}"; readonly keyframeIndeterminateSecond: "/* Keyframes for the second indeterminate animation - Autogenerated by NuxtWind Module */\n@keyframes indeterminate-second {\n 0% {\n left: -150%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 10%;\n }\n}"; readonly keyframeIndeterminateFirst: "/* Keyframes for the first indeterminate animation - Autogenerated by NuxtWind Module */\n@keyframes indeterminate-first {\n 0% {\n left: -100%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 10%;\n }\n}"; readonly utilityIndeterminateBefore: "/* Utility class for the first indeterminate animation used by Progress Component - Autogenerated by NuxtWind Module */\n@theme {\n --animate-indeterminatebefore: indeterminate-first 1.5s ease-out infinite;\n}"; readonly utilityIndeterminateAfter: "/* Utility class for the second indeterminate animation used by Progress Component - Autogenerated by NuxtWind Module */\n@theme {\n --animate-indeterminateafter: indeterminate-second 1.5s ease-in infinite;\n}"; readonly complete: () => string; }; export declare const CSS_VALIDATION: { readonly patterns: { tailwindImport: RegExp; primaryColor: RegExp; secondaryColor: RegExp; indeterminateFirstKeyframe: RegExp; indeterminateSecondKeyframe: RegExp; indeterminateBeforeClass: RegExp; indeterminateAfterClass: RegExp; }; readonly requiredSections: readonly [{ readonly name: "Tailwind import"; readonly pattern: RegExp; readonly content: "@import \"tailwindcss\";"; readonly position: "top"; }, { readonly name: "Primary color scale"; readonly pattern: RegExp; readonly content: "@theme static {\n /* Primary Color Scale - Autogenerated by NuxtWind Module */\n --color-primary-50: #ecfeff;\n --color-primary-100: #cffafe;\n --color-primary-200: #a5f3fc;\n --color-primary-300: #67e8f9;\n --color-primary-400: #22d3ee;\n --color-primary-500: #06b6d4;\n --color-primary-600: #0891b2;\n --color-primary-700: #0e7490;\n --color-primary-800: #155e75;\n --color-primary-900: #164e63;\n --color-primary-950: #083344;\n}"; readonly position: "middle"; }, { readonly name: "Secondary color scale"; readonly pattern: RegExp; readonly content: "@theme static {\n /* Secondary Color Scale - Autogenerated by NuxtWind Module */\n --color-secondary-50: #ecfdf5;\n --color-secondary-100: #d1fae5;\n --color-secondary-200: #a7f3d0;\n --color-secondary-300: #6ee7b7;\n --color-secondary-400: #34d399;\n --color-secondary-500: #10b981;\n --color-secondary-600: #059669;\n --color-secondary-700: #047857;\n --color-secondary-800: #065f46;\n --color-secondary-900: #064e3b;\n --color-secondary-950: #022c22;\n}"; readonly position: "middle"; }, { readonly name: "indeterminate-first keyframe"; readonly pattern: RegExp; readonly content: "/* Keyframes for the first indeterminate animation - Autogenerated by NuxtWind Module */\n@keyframes indeterminate-first {\n 0% {\n left: -100%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 10%;\n }\n}"; readonly position: "bottom"; }, { readonly name: "indeterminate-second keyframe"; readonly pattern: RegExp; readonly content: "/* Keyframes for the second indeterminate animation - Autogenerated by NuxtWind Module */\n@keyframes indeterminate-second {\n 0% {\n left: -150%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 10%;\n }\n}"; readonly position: "bottom"; }, { readonly name: "animate-indeterminatebefore class"; readonly pattern: RegExp; readonly content: "/* Utility class for the first indeterminate animation used by Progress Component - Autogenerated by NuxtWind Module */\n@theme {\n --animate-indeterminatebefore: indeterminate-first 1.5s ease-out infinite;\n}"; readonly position: "bottom"; }, { readonly name: "animate-indeterminateafter class"; readonly pattern: RegExp; readonly content: "/* Utility class for the second indeterminate animation used by Progress Component - Autogenerated by NuxtWind Module */\n@theme {\n --animate-indeterminateafter: indeterminate-second 1.5s ease-in infinite;\n}"; readonly position: "bottom"; }]; };