mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
backgroundRepeat
This commit is contained in:
parent
0c02fee28d
commit
db2176bc62
@ -34,4 +34,38 @@ features:
|
||||
'Repeat the background image only vertically.',
|
||||
],
|
||||
]
|
||||
])
|
||||
])
|
||||
|
||||
## Customizing
|
||||
|
||||
### Responsive, Hover, and Focus Variants
|
||||
|
||||
By default, no hover, focus, or group-hover variants are generated for background repeat utilities.
|
||||
|
||||
You can control which variants are generated for the background repeat utilities by modifying the `backgroundRepeat` property in the `modules` section of your Tailwind config file.
|
||||
|
||||
For example, this config will _also_ generate hover and focus variants:
|
||||
|
||||
```js
|
||||
{
|
||||
// ...
|
||||
modules: {
|
||||
// ...
|
||||
backgroundRepeat: ['responsive', 'hover', 'focus'],
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Disabling
|
||||
|
||||
If you aren't using the background repeat utilities in your project, you can disable them entirely by setting the `backgroundRepeat` property to `false` in the `modules` section of your config file:
|
||||
|
||||
```js
|
||||
{
|
||||
// ...
|
||||
modules: {
|
||||
// ...
|
||||
backgroundRepeat: false,
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user