borderColors

This commit is contained in:
Michaël De Boey 2017-12-02 18:03:02 +01:00
parent 45913d2250
commit 9248d28778
No known key found for this signature in database
GPG Key ID: D14AE6F0880EF592

View File

@ -40,3 +40,37 @@ Hover utilities can also be combined with responsive utilities by adding the res
```html
<button class="... md:border-blue md:hover:border-red ...">Button</button>
```
## Customizing
### Responsive, Hover, and Focus Variants
By default, no focus, or group-hover variants are generated for border color utilities.
You can control which variants are generated for the border color utilities by modifying the `borderColors` property in the `modules` section of your Tailwind config file.
For example, this config will _also_ generate focus variants:
```js
{
// ...
modules: {
// ...
borderColors: ['responsive', 'hover', 'focus'],
}
}
```
### Disabling
If you aren't using the border color utilities in your project, you can disable them entirely by setting the `borderColors` property to `false` in the `modules` section of your config file:
```js
{
// ...
modules: {
// ...
borderColors: false,
}
}
```