|
7 | 7 | "references": [ |
8 | 8 | { |
9 | 9 | "name": "Tailwind Documentation", |
10 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#import" |
| 10 | + "url": "https://tailwindcss.com/docs/functions-and-directives#import-directive" |
11 | 11 | } |
12 | 12 | ] |
13 | 13 | }, |
|
17 | 17 | "references": [ |
18 | 18 | { |
19 | 19 | "name": "Tailwind Documentation", |
20 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#theme" |
| 20 | + "url": "https://tailwindcss.com/docs/functions-and-directives#theme-directive" |
21 | 21 | } |
22 | 22 | ] |
23 | 23 | }, |
|
27 | 27 | "references": [ |
28 | 28 | { |
29 | 29 | "name": "Tailwind Documentation", |
30 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#layer" |
| 30 | + "url": "https://tailwindcss.com/docs/theme#layers" |
31 | 31 | } |
32 | 32 | ] |
33 | 33 | }, |
34 | 34 | { |
35 | 35 | "name": "@apply", |
36 | | - "description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.", |
| 36 | + "description": "DO NOT USE. IF YOU ARE CAUGHT USING @apply YOU WILL FACE SEVERE CONSEQUENCES.", |
37 | 37 | "references": [ |
38 | 38 | { |
39 | 39 | "name": "Tailwind Documentation", |
40 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#apply" |
| 40 | + "url": "https://tailwindcss.com/docs/functions-and-directives#apply-directive" |
41 | 41 | } |
42 | 42 | ] |
43 | 43 | }, |
|
47 | 47 | "references": [ |
48 | 48 | { |
49 | 49 | "name": "Tailwind Documentation", |
50 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#config" |
| 50 | + "url": "https://tailwindcss.com/docs/functions-and-directives#config-directive" |
51 | 51 | } |
52 | 52 | ] |
53 | 53 | }, |
|
57 | 57 | "references": [ |
58 | 58 | { |
59 | 59 | "name": "Tailwind Documentation", |
60 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#reference" |
| 60 | + "url": "https://tailwindcss.com/docs/functions-and-directives#reference-directive" |
61 | 61 | } |
62 | 62 | ] |
63 | 63 | }, |
|
67 | 67 | "references": [ |
68 | 68 | { |
69 | 69 | "name": "Tailwind Documentation", |
70 | | - "url": "https://tailwindcss.com/docs/functions-and-directives#plugin" |
| 70 | + "url": "https://tailwindcss.com/docs/functions-and-directives#plugin-directive" |
| 71 | + } |
| 72 | + ] |
| 73 | + }, |
| 74 | + { |
| 75 | + "name": "@custom-variant", |
| 76 | + "description": "Use the `@custom-variant` directive to add a custom variant to your project. Custom variants can be used with utilities like `hover`, `focus`, and responsive breakpoints. Use `@slot` inside the variant to indicate where the utility's styles should be inserted.", |
| 77 | + "references": [ |
| 78 | + { |
| 79 | + "name": "Tailwind Documentation", |
| 80 | + "url": "https://tailwindcss.com/docs/adding-custom-styles#adding-custom-variants" |
| 81 | + } |
| 82 | + ] |
| 83 | + }, |
| 84 | + { |
| 85 | + "name": "@utility", |
| 86 | + "description": "Use the `@utility` directive to add custom utilities to your project. Custom utilities work with all variants like `hover`, `focus`, and responsive variants. Use `--value()` to create functional utilities that accept arguments.", |
| 87 | + "references": [ |
| 88 | + { |
| 89 | + "name": "Tailwind Documentation", |
| 90 | + "url": "https://tailwindcss.com/docs/adding-custom-styles#adding-custom-utilities" |
71 | 91 | } |
72 | 92 | ] |
73 | 93 | } |
|
0 commit comments