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: 17 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-14T00:41:26.000Z (7 months ago)
• Last Synced: 2024-04-14T15:21:39.025Z (7 months ago)
• Topics: unocss, unocss-transformer
• Language: JavaScript
• Homepage: https://unocss.dev/presets/community#community-transformers
• Size: 329 KB
• Stars: 5
• Watchers: 4
• 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)

README

        
[![npm](https://img.shields.io/npm/v/unocss-transformer-attribute-values-group)](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)