|
7 | 7 | 'Noto Color Emoji'; |
8 | 8 | --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', |
9 | 9 | monospace; |
10 | | - --color-red-500: oklch(63.7% 0.237 25.331); |
11 | | - --color-green-200: oklch(92.5% 0.084 155.995); |
12 | 10 | --color-green-500: oklch(72.3% 0.219 149.579); |
13 | 11 | --spacing: 0.25rem; |
14 | 12 | --radius-lg: 0.5rem; |
|
162 | 160 | } |
163 | 161 | } |
164 | 162 | @layer utilities { |
165 | | - .m-auto { |
166 | | - margin: auto; |
167 | | - } |
168 | 163 | .my-5 { |
169 | 164 | margin-block: calc(var(--spacing) * 5); |
170 | 165 | } |
171 | | - .mt-5 { |
172 | | - margin-top: calc(var(--spacing) * 5); |
173 | | - } |
174 | | - .table { |
175 | | - display: table; |
176 | | - } |
177 | | - .border-collapse { |
178 | | - border-collapse: collapse; |
179 | | - } |
180 | 166 | .transform { |
181 | 167 | transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); |
182 | 168 | } |
183 | 169 | .cursor-pointer { |
184 | 170 | cursor: pointer; |
185 | 171 | } |
186 | | - .resize { |
187 | | - resize: both; |
188 | | - } |
189 | 172 | .rounded-lg { |
190 | 173 | border-radius: var(--radius-lg); |
191 | 174 | } |
192 | | - .border { |
193 | | - border-style: var(--tw-border-style); |
194 | | - border-width: 1px; |
195 | | - } |
196 | | - .bg-green-200 { |
197 | | - background-color: var(--color-green-200); |
198 | | - } |
199 | 175 | .bg-green-500 { |
200 | 176 | background-color: var(--color-green-500); |
201 | 177 | } |
202 | | - .bg-red-500 { |
203 | | - background-color: var(--color-red-500); |
204 | | - } |
205 | 178 | .px-3 { |
206 | 179 | padding-inline: calc(var(--spacing) * 3); |
207 | 180 | } |
208 | 181 | .py-1 { |
209 | 182 | padding-block: calc(var(--spacing) * 1); |
210 | 183 | } |
211 | | - .underline { |
212 | | - text-decoration-line: underline; |
213 | | - } |
214 | | - .outline { |
215 | | - outline-style: var(--tw-outline-style); |
216 | | - outline-width: 1px; |
217 | | - } |
218 | 184 | } |
219 | 185 | @property --tw-rotate-x { |
220 | 186 | syntax: "*"; |
|
236 | 202 | syntax: "*"; |
237 | 203 | inherits: false; |
238 | 204 | } |
239 | | -@property --tw-border-style { |
240 | | - syntax: "*"; |
241 | | - inherits: false; |
242 | | - initial-value: solid; |
243 | | -} |
244 | | -@property --tw-outline-style { |
245 | | - syntax: "*"; |
246 | | - inherits: false; |
247 | | - initial-value: solid; |
248 | | -} |
249 | 205 | @layer properties { |
250 | 206 | @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { |
251 | 207 | *, ::before, ::after, ::backdrop { |
|
254 | 210 | --tw-rotate-z: initial; |
255 | 211 | --tw-skew-x: initial; |
256 | 212 | --tw-skew-y: initial; |
257 | | - --tw-border-style: solid; |
258 | | - --tw-outline-style: solid; |
259 | 213 | } |
260 | 214 | } |
261 | 215 | } |
0 commit comments