1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
1
+ @import 'tailwindcss' ;
4
2
5
- body ,
6
- html {
7
- --font-sans :
8
- 'Instrument Sans' , ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji' ;
3
+ @import "tw-animate-css" ;
4
+
5
+ @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php' ;
6
+ @source '../../storage/framework/views/*.php' ;
7
+
8
+ @custom-variant dark (& : is (.dark * ));
9
+
10
+ @theme inline {
11
+ --font-sans :
12
+ Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji' ,
13
+ 'Segoe UI Emoji' , 'Segoe UI Symbol' , 'Noto Color Emoji' ;
14
+
15
+ --radius-lg : var (--radius );
16
+ --radius-md : calc (var (--radius ) - 2px );
17
+ --radius-sm : calc (var (--radius ) - 4px );
18
+
19
+ --color-background : var (--background );
20
+ --color-foreground : var (--foreground );
21
+
22
+ --color-card : var (--card );
23
+ --color-card-foreground : var (--card-foreground );
24
+
25
+ --color-popover : var (--popover );
26
+ --color-popover-foreground : var (--popover-foreground );
27
+
28
+ --color-primary : var (--primary );
29
+ --color-primary-foreground : var (--primary-foreground );
30
+
31
+ --color-secondary : var (--secondary );
32
+ --color-secondary-foreground : var (--secondary-foreground );
33
+
34
+ --color-muted : var (--muted );
35
+ --color-muted-foreground : var (--muted-foreground );
36
+
37
+ --color-accent : var (--accent );
38
+ --color-accent-foreground : var (--accent-foreground );
39
+
40
+ --color-destructive : var (--destructive );
41
+ --color-destructive-foreground : var (--destructive-foreground );
42
+
43
+ --color-border : var (--border );
44
+ --color-input : var (--input );
45
+ --color-ring : var (--ring );
46
+
47
+ --color-chart-1 : var (--chart-1 );
48
+ --color-chart-2 : var (--chart-2 );
49
+ --color-chart-3 : var (--chart-3 );
50
+ --color-chart-4 : var (--chart-4 );
51
+ --color-chart-5 : var (--chart-5 );
52
+
53
+ --color-sidebar : var (--sidebar-background );
54
+ --color-sidebar-foreground : var (--sidebar-foreground );
55
+ --color-sidebar-primary : var (--sidebar-primary );
56
+ --color-sidebar-primary-foreground : var (--sidebar-primary-foreground );
57
+ --color-sidebar-accent : var (--sidebar-accent );
58
+ --color-sidebar-accent-foreground : var (--sidebar-accent-foreground );
59
+ --color-sidebar-border : var (--sidebar-border );
60
+ --color-sidebar-ring : var (--sidebar-ring );
9
61
}
10
62
63
+ /*
64
+ The default border color has changed to `currentColor` in Tailwind CSS v4,
65
+ so we've added these compatibility styles to make sure everything still
66
+ looks the same as it did with Tailwind CSS v3.
67
+
68
+ If we ever want to remove these styles, we need to add an explicit border
69
+ color utility to any element that depends on these defaults.
70
+ */
11
71
@layer base {
12
- : root {
13
- --background : 0 0% 100% ;
14
- --foreground : 0 0% 3.9% ;
15
- --card : 0 0% 100% ;
16
- --card-foreground : 0 0% 3.9% ;
17
- --popover : 0 0% 100% ;
18
- --popover-foreground : 0 0% 3.9% ;
19
- --primary : 0 0% 9% ;
20
- --primary-foreground : 0 0% 98% ;
21
- --secondary : 0 0% 92.1% ;
22
- --secondary-foreground : 0 0% 9% ;
23
- --muted : 0 0% 96.1% ;
24
- --muted-foreground : 0 0% 45.1% ;
25
- --accent : 0 0% 96.1% ;
26
- --accent-foreground : 0 0% 9% ;
27
- --destructive : 0 84.2% 60.2% ;
28
- --destructive-foreground : 0 0% 98% ;
29
- --border : 0 0% 92.8% ;
30
- --input : 0 0% 89.8% ;
31
- --ring : 0 0% 3.9% ;
32
- --chart-1 : 12 76% 61% ;
33
- --chart-2 : 173 58% 39% ;
34
- --chart-3 : 197 37% 24% ;
35
- --chart-4 : 43 74% 66% ;
36
- --chart-5 : 27 87% 67% ;
37
- --radius : 0.5rem ;
38
- --sidebar-background : 0 0% 98% ;
39
- --sidebar-foreground : 240 5.3% 26.1% ;
40
- --sidebar-primary : 0 0% 10% ;
41
- --sidebar-primary-foreground : 0 0% 98% ;
42
- --sidebar-accent : 0 0% 94% ;
43
- --sidebar-accent-foreground : 0 0% 30% ;
44
- --sidebar-border : 0 0% 91% ;
45
- --sidebar-ring : 217.2 91.2% 59.8% ;
46
- }
72
+ * ,
73
+ ::after ,
74
+ ::before ,
75
+ ::backdrop ,
76
+ ::file-selector-button {
77
+ border-color : var (--color-gray-200 , currentColor);
78
+ }
79
+ }
47
80
48
- .dark {
49
- --background : 0 0% 3.9% ;
50
- --foreground : 0 0% 98% ;
51
- --card : 0 0% 3.9% ;
52
- --card-foreground : 0 0% 98% ;
53
- --popover : 0 0% 3.9% ;
54
- --popover-foreground : 0 0% 98% ;
55
- --primary : 0 0% 98% ;
56
- --primary-foreground : 0 0% 9% ;
57
- --secondary : 0 0% 14.9% ;
58
- --secondary-foreground : 0 0% 98% ;
59
- --muted : 0 0% 6.9% ;
60
- --muted-foreground : 0 0% 63.9% ;
61
- --accent : 0 0% 14.9% ;
62
- --accent-foreground : 0 0% 98% ;
63
- --destructive : 0 84% 60% ;
64
- --destructive-foreground : 0 0% 98% ;
65
- --border : 0 0% 14.9% ;
66
- --input : 0 0% 14.9% ;
67
- --ring : 0 0% 83.1% ;
68
- --chart-1 : 220 70% 50% ;
69
- --chart-2 : 160 60% 45% ;
70
- --chart-3 : 30 80% 55% ;
71
- --chart-4 : 280 65% 60% ;
72
- --chart-5 : 340 75% 55% ;
73
- --sidebar-background : 0 0% 7% ;
74
- --sidebar-foreground : 0 0% 95.9% ;
75
- --sidebar-primary : 360 , 100% , 100% ;
76
- --sidebar-primary-foreground : 0 0% 100% ;
77
- --sidebar-accent : 0 0% 15.9% ;
78
- --sidebar-accent-foreground : 240 4.8% 95.9% ;
79
- --sidebar-border : 0 0% 15.9% ;
80
- --sidebar-ring : 217.2 91.2% 59.8% ;
81
- }
81
+ @layer utilities {
82
+ body ,
83
+ html {
84
+ --font-sans :
85
+ 'Instrument Sans' , ui-sans-serif, system-ui, sans-serif,
86
+ 'Apple Color Emoji' , 'Segoe UI Emoji' , 'Segoe UI Symbol' ,
87
+ 'Noto Color Emoji' ;
88
+ }
89
+ }
90
+
91
+ : root {
92
+ --background : hsl (0 0% 100% );
93
+ --foreground : hsl (0 0% 3.9% );
94
+ --card : hsl (0 0% 100% );
95
+ --card-foreground : hsl (0 0% 3.9% );
96
+ --popover : hsl (0 0% 100% );
97
+ --popover-foreground : hsl (0 0% 3.9% );
98
+ --primary : hsl (0 0% 9% );
99
+ --primary-foreground : hsl (0 0% 98% );
100
+ --secondary : hsl (0 0% 92.1% );
101
+ --secondary-foreground : hsl (0 0% 9% );
102
+ --muted : hsl (0 0% 96.1% );
103
+ --muted-foreground : hsl (0 0% 45.1% );
104
+ --accent : hsl (0 0% 96.1% );
105
+ --accent-foreground : hsl (0 0% 9% );
106
+ --destructive : hsl (0 84.2% 60.2% );
107
+ --destructive-foreground : hsl (0 0% 98% );
108
+ --border : hsl (0 0% 92.8% );
109
+ --input : hsl (0 0% 89.8% );
110
+ --ring : hsl (0 0% 3.9% );
111
+ --chart-1 : hsl (12 76% 61% );
112
+ --chart-2 : hsl (173 58% 39% );
113
+ --chart-3 : hsl (197 37% 24% );
114
+ --chart-4 : hsl (43 74% 66% );
115
+ --chart-5 : hsl (27 87% 67% );
116
+ --radius : 0.5rem ;
117
+ --sidebar-background : hsl (0 0% 98% );
118
+ --sidebar-foreground : hsl (240 5.3% 26.1% );
119
+ --sidebar-primary : hsl (0 0% 10% );
120
+ --sidebar-primary-foreground : hsl (0 0% 98% );
121
+ --sidebar-accent : hsl (0 0% 94% );
122
+ --sidebar-accent-foreground : hsl (0 0% 30% );
123
+ --sidebar-border : hsl (0 0% 91% );
124
+ --sidebar-ring : hsl (217.2 91.2% 59.8% );
125
+ --sidebar :
126
+ hsl (0 0% 98% );
127
+ }
128
+
129
+ .dark {
130
+ --background : hsl (0 0% 3.9% );
131
+ --foreground : hsl (0 0% 98% );
132
+ --card : hsl (0 0% 3.9% );
133
+ --card-foreground : hsl (0 0% 98% );
134
+ --popover : hsl (0 0% 3.9% );
135
+ --popover-foreground : 0 0% 98% ;
136
+ --primary : hsl (0 0% 98% );
137
+ --primary-foreground : hsl (0 0% 9% );
138
+ --secondary : hsl (0 0% 14.9% );
139
+ --secondary-foreground : hsl (0 0% 98% );
140
+ --muted : hsl (0 0% 16.08% );
141
+ --muted-foreground : hsl (0 0% 63.9% );
142
+ --accent : hsl (0 0% 14.9% );
143
+ --accent-foreground : hsl (0 0% 98% );
144
+ --destructive : hsl (0 84% 60% );
145
+ --destructive-foreground : hsl (0 0% 98% );
146
+ --border : hsl (0 0% 14.9% );
147
+ --input : hsl (0 0% 14.9% );
148
+ --ring : hsl (0 0% 83.1% );
149
+ --chart-1 : hsl (220 70% 50% );
150
+ --chart-2 : hsl (160 60% 45% );
151
+ --chart-3 : hsl (30 80% 55% );
152
+ --chart-4 : hsl (280 65% 60% );
153
+ --chart-5 : hsl (340 75% 55% );
154
+ --sidebar-background : hsl (0 0% 7% );
155
+ --sidebar-foreground : hsl (0 0% 95.9% );
156
+ --sidebar-primary : hsl (360 , 100% , 100% );
157
+ --sidebar-primary-foreground : hsl (0 0% 100% );
158
+ --sidebar-accent : hsl (0 0% 15.9% );
159
+ --sidebar-accent-foreground : hsl (240 4.8% 95.9% );
160
+ --sidebar-border : hsl (0 0% 15.9% );
161
+ --sidebar-ring : hsl (217.2 91.2% 59.8% );
162
+ --sidebar :
163
+ hsl (240 5.9% 10% );
82
164
}
83
165
84
166
@layer base {
@@ -90,3 +172,16 @@ html {
90
172
@apply bg-background text-foreground;
91
173
}
92
174
}
175
+
176
+ /*
177
+ ---break---
178
+ */
179
+
180
+ @layer base {
181
+ * {
182
+ @apply border-border outline-ring/50;
183
+ }
184
+ body {
185
+ @apply bg-background text-foreground;
186
+ }
187
+ }
0 commit comments