mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
position
This commit is contained in:
parent
c9969d808c
commit
d54ab8035c
@ -404,3 +404,37 @@ For more information about Tailwind's responsive design features, check out the
|
||||
</div>
|
||||
@endslot
|
||||
@endcomponent
|
||||
|
||||
## Customizing
|
||||
|
||||
### Responsive, Hover, and Focus Variants
|
||||
|
||||
By default, no hover, focus, or group-hover variants are generated for positioning utilities.
|
||||
|
||||
You can control which variants are generated for the positioning utilities by modifying the `position` property in the `modules` section of your Tailwind config file.
|
||||
|
||||
For example, this config will _also_ generate hover and focus variants:
|
||||
|
||||
```js
|
||||
{
|
||||
// ...
|
||||
modules: {
|
||||
// ...
|
||||
position: ['responsive', 'hover', 'focus'],
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Disabling
|
||||
|
||||
If you aren't using the positioning utilities in your project, you can disable them entirely by setting the `position` property to `false` in the `modules` section of your config file:
|
||||
|
||||
```js
|
||||
{
|
||||
// ...
|
||||
modules: {
|
||||
// ...
|
||||
position: false,
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user