Skip to content

Commit c98af3c

Browse files
committed
textColors
1 parent 1f22e0c commit c98af3c

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

docs/source/docs/text-color.blade.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,3 +40,37 @@ Hover utilities can also be combined with responsive utilities by adding the res
4040
```html
4141
<button class="... md:text-blue md:hover:text-red ...">Button</button>
4242
```
43+
44+
## Customizing
45+
46+
### Responsive, Hover, and Focus Variants
47+
48+
By default, no focus, or group-hover variants are generated for text color utilities.
49+
50+
You can control which variants are generated for the text color utilities by modifying the `textColors` property in the `modules` section of your Tailwind config file.
51+
52+
For example, this config will _also_ generate focus variants:
53+
54+
```js
55+
{
56+
// ...
57+
modules: {
58+
// ...
59+
textColors: ['responsive', 'hover', 'focus'],
60+
}
61+
}
62+
```
63+
64+
### Disabling
65+
66+
If you aren't using the text color utilities in your project, you can disable them entirely by setting the `textColors` property to `false` in the `modules` section of your config file:
67+
68+
```js
69+
{
70+
// ...
71+
modules: {
72+
// ...
73+
textColors: false,
74+
}
75+
}
76+
```

0 commit comments

Comments
 (0)