Skip to content

Commit d62cf62

Browse files
committed
borderWidths
1 parent 19fd10e commit d62cf62

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

docs/source/docs/border-width.blade.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,3 +37,37 @@ For example, `.border` would add a `1px` border to all sides of the element, whe
3737
<div><code class="inline-block my-1 mr-1 px-2 py-1 font-mono border rounded">8</code> 8px</div>
3838
</div>
3939
</div>
40+
41+
## Customizing
42+
43+
### Responsive, Hover, and Focus Variants
44+
45+
By default, no hover, focus, or group-hover variants are generated for border width utilities.
46+
47+
You can control which variants are generated for the border width utilities by modifying the `borderWidths` property in the `modules` section of your Tailwind config file.
48+
49+
For example, this config will _also_ generate hover and focus variants:
50+
51+
```js
52+
{
53+
// ...
54+
modules: {
55+
// ...
56+
borderWidths: ['responsive', 'hover', 'focus'],
57+
}
58+
}
59+
```
60+
61+
### Disabling
62+
63+
If you aren't using the border width utilities in your project, you can disable them entirely by setting the `borderWidths` property to `false` in the `modules` section of your config file:
64+
65+
```js
66+
{
67+
// ...
68+
modules: {
69+
// ...
70+
borderWidths: false,
71+
}
72+
}
73+
```

0 commit comments

Comments
 (0)