From 0edb91a45fe7fee854f59c2c7753d0158e225794 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= Date: Sat, 2 Dec 2017 19:04:48 +0100 Subject: [PATCH] overflow --- docs/source/docs/overflow.blade.md | 34 ++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/docs/source/docs/overflow.blade.md b/docs/source/docs/overflow.blade.md index 1d92a5c7d..0353abc5f 100644 --- a/docs/source/docs/overflow.blade.md +++ b/docs/source/docs/overflow.blade.md @@ -219,3 +219,37 @@ For more information about Tailwind's responsive design features, check out the @endslot @endcomponent + +## Customizing + +### Responsive, Hover, and Focus Variants + +By default, no hover, focus, or group-hover variants are generated for overflow utilities. + +You can control which variants are generated for the overflow utilities by modifying the `overflow` property in the `modules` section of your Tailwind config file. + +For example, this config will _also_ generate hover and focus variants: + +```js +{ + // ... + modules: { + // ... + overflow: ['responsive', 'hover', 'focus'], + } +} +``` + +### Disabling + +If you aren't using the overflow utilities in your project, you can disable them entirely by setting the `overflow` property to `false` in the `modules` section of your config file: + +```js +{ + // ... + modules: { + // ... + overflow: false, + } +} +```