1.0.1 • Published 2 years ago
tailwind-parent v1.0.1
Tailwind Parent
A Tailwind Plugin that allows you to style elements based on their parent classes.
Installation
- Install package:
npm install tailwind-parent --save
- Add to tailwind.config.js
plugins: [
require('tailwind-parent')
],
theme: {
parent: {
prefix: '',
classNames: [ // array or object
'is-red',
'is-green',
'is-blue'
]
}
}
Example
<div class="is-red">
<div class="w-24 h-24 bg-black is-red:bg-red-500"></div>
</div>
Results in:
.is-red .is-red\:bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}