diff --git a/docs/source/docs/border-radius.blade.md b/docs/source/docs/border-radius.blade.md index 40a7730ec..87f08a680 100644 --- a/docs/source/docs/border-radius.blade.md +++ b/docs/source/docs/border-radius.blade.md @@ -366,3 +366,35 @@ By default Tailwind provides five border radius size utilities. You can change, - 'full': '9999px', + 'large': '12px', @endcomponent + +### Responsive, Hover, and Focus Variants + +By default, no hover, focus, or group-hover variants are generated for border radius utilities. + +You can control which variants are generated for the border radius utilities by modifying the `borderRadius` property in the `modules` section of your Tailwind config file. + +For example, this config will _also_ generate hover and focus variants: + +```js +{ + // ... + modules: { + // ... + borderRadius: ['responsive', 'hover', 'focus'], + } +} +``` + +### Disabling + +If you aren't using the border radius utilities in your project, you can disable them entirely by setting the `borderRadius` property to `false` in the `modules` section of your config file: + +```js +{ + // ... + modules: { + // ... + borderRadius: false, + } +} +``` diff --git a/docs/source/docs/border-style.blade.md b/docs/source/docs/border-style.blade.md index a55a342b1..d62b7542e 100644 --- a/docs/source/docs/border-style.blade.md +++ b/docs/source/docs/border-style.blade.md @@ -35,3 +35,38 @@ features: ], ] ]) + + +## Customizing + +### Responsive, Hover, and Focus Variants + +By default, no hover, focus, or group-hover variants are generated for border style utilities. + +You can control which variants are generated for the border style utilities by modifying the `borderStyle` property in the `modules` section of your Tailwind config file. + +For example, this config will _also_ generate hover and focus variants: + +```js +{ + // ... + modules: { + // ... + borderStyle: ['responsive', 'hover', 'focus'], + } +} +``` + +### Disabling + +If you aren't using the border style utilities in your project, you can disable them entirely by setting the `borderStyle` property to `false` in the `modules` section of your config file: + +```js +{ + // ... + modules: { + // ... + borderStyle: false, + } +} +```