8000 shadows · r00k/tailwindcss@837f288 · GitHub
Skip to content

Commit 837f288

Browse files
committed
shadows
1 parent d54ab80 commit 837f288

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed

docs/source/docs/shadows.blade.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,3 +135,35 @@ If a `default` shadow is provided, it will be used for the non-suffixed `.shadow
135135
+ '3': '0 8px 16px rgba(0,0,0,0.15)',
136136
'none': 'none',
137137
@endcomponent
138+
139+
### Responsive, Hover, and Focus Variants
140+
141+
By default, no hover, focus, or group-hover variants are generated for shadow utilities.
142+
143+
You can control which variants are generated for the shadow utilities by modifying the `shadows` property in the `modules` section of your Tailwind config file.
144+
145+
For example, this config will _also_ generate hover and focus variants:
146+
147+
```js
148+
{
149+
// ...
150+
modules: {
151+
// ...
152+
shadows: ['responsive', 'hover', 'focus'],
153+
}
154+
}
155+
```
156+
157+
### Disabling
158+
159+
If you aren't using the shadow utilities in your project, you can disable them entirely by setting the `shadows` property to `false` in the `modules` section of your config file:
160+
161+
```js
162+
{
163+
// ...
164+
modules: {
165+
// ...
166+
shadows: false,
167+
}
168+
}
169+
```

0 commit comments

Comments
 (0)