https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group
Attribute values group transformer for UnoCSS.
https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group
unocss unocss-transformer
Last synced: 9 days ago
JSON representation
Attribute values group transformer for UnoCSS.
- Host: GitHub
- URL: https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group
- Owner: lvjiaxuan
- License: mit
- Created: 2023-04-18T11:31:35.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-24T02:00:23.000Z (7 months ago)
- Last Synced: 2025-04-11T00:52:05.797Z (9 days ago)
- Topics: unocss, unocss-transformer
- Language: HTML
- Homepage: https://unocss.dev/presets/community#community-transformers
- Size: 177 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-unocss - unocss-transformer-attribute-values-group - Attribute values group transformer for UnoCSS. (Transformers)
- awesome-unocss - unocss-transformer-attribute-values-group - Attribute values group transformer for UnoCSS. (Transformers)
- awesome-unocss - unocss-transformer-attribute-values-group - transformer-attribute-values-group) - Attribute values group transformer for UnoCSS by [@lvjiaxuan](https://github.com/lvjiaxuan). (Community / Transformers)
README
[](https://www.npmjs.com/package/unocss-transformer-attribute-values-group)
# Installation
```sh
pnpm add -D unocss-transformer-attribute-values-group
```
# Usage
```ts
// uno.config.ts
import { defineConfig } from 'unocss'
import transformerAttrValuesGroup from 'unocss-transformer-attribute-values-group'
export default defineConfig({
transformers: [
transformerAttrValuesGroup,
],
})
```
```vue
```
transformed like:
```html
```
[tests](https://github.com/lvjiaxuan/unocss-transformer-attribute-values-group/blob/main/test/index.test.ts) for more usages.
# References
- [using-arbitrary-variants](https://tailwindcss.com/docs/hover-focus-and-other-states#using-arbitrary-variants)
- [the better arbitrary-variants of unocss](https://github.com/unocss/unocss/blob/main/packages/preset-mini/src/_variants/misc.ts#L75)