66.1.0-beta.5 • Published 3 months ago

@unocss/transformer-compile-class v66.1.0-beta.5

Weekly downloads
-
License
MIT
Repository
github
Last release
3 months ago

@unocss/transformer-compile-class

Compile group of classes into one class. Inspired by WindiCSS's compilation mode and #948 by @UltraCakeBakery.

Install

npm i -D @unocss/transformer-compile-class
import transformerCompileClass from '@unocss/transformer-compile-class'
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...
  transformers: [
    transformerCompileClass(),
  ],
})

Usage

At the begin of your class strings, add :uno: at the begin of the strings to mark them for compilation. For example:

<div class=":uno: text-center sm:text-left">
  <div class=":uno: text-sm font-bold hover:text-red" />
</div>

Will be compiled to:

<div class="uno-qlmcrp">
  <div class="uno-0qw2gr" />
</div>
.uno-qlmcrp {
  text-align: center;
}
.uno-0qw2gr {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.uno-0qw2gr:hover {
  --un-text-opacity: 1;
  color: rgb(248 113 113 / var(--un-text-opacity));
}
@media (min-width: 640px) {
  .uno-qlmcrp {
    text-align: left;
  }
}

Options

You can config the trigger string and prefix for compile class with the options. Refers to the types for details.

License

MIT License © 2021-PRESENT Anthony Fu

unocssunocss-transformer
@unocss/core
@infinitebrahmanuniverse/nolb-_uno@everything-registry/sub-chunk-968jsx-email@1la/jsx-emailyite-cliunocssunocss-preset-useful@live-codes/browser-compilers@johnpyp/jsx-email@ow3/stacks-coreslidev-parser@yicode/yivite-cliemail-craft
66.1.0-beta.5

3 months ago

66.1.0-beta.4

3 months ago

66.1.0-beta.3

4 months ago

66.1.0-beta.2

4 months ago

66.1.0-beta.1

4 months ago

66.0.0

4 months ago

65.5.0

4 months ago

65.4.3

5 months ago

65.4.2

5 months ago

0.65.4

6 months ago

65.4.0

5 months ago

0.65.3

6 months ago

0.65.2

6 months ago

0.65.1

7 months ago

0.65.0

7 months ago

0.65.0-beta.3

7 months ago

0.65.0-beta.2

7 months ago

0.65.0-beta.1

7 months ago

0.64.1

7 months ago

0.64.0

8 months ago

0.63.6

8 months ago

0.63.5

8 months ago

0.63.4

9 months ago

0.63.3

9 months ago

0.63.0

9 months ago

0.63.2

9 months ago

0.63.1

9 months ago

0.62.4

9 months ago

0.62.3

10 months ago

0.62.2

10 months ago

0.62.1

11 months ago

0.62.0

11 months ago

0.61.9

11 months ago

0.61.8

11 months ago

0.61.7

11 months ago

0.61.6

11 months ago

0.61.5

11 months ago

0.61.2

12 months ago

0.61.4

11 months ago

0.61.3

12 months ago

0.60.4

1 year ago

0.61.0

1 year ago

0.60.3

1 year ago

0.60.2

1 year ago

0.60.1

1 year ago

0.60.0

1 year ago

0.59.4

1 year ago

0.59.3

1 year ago

0.59.2

1 year ago

0.59.1

1 year ago

0.59.0

1 year ago

0.58.9

1 year ago

0.59.0-beta.1

1 year ago

0.58.8

1 year ago

0.58.7

1 year ago

0.58.6

1 year ago

0.58.5

1 year ago

0.58.4

1 year ago

0.58.3

1 year ago

0.58.2

1 year ago

0.58.1

1 year ago

0.55.6

2 years ago

0.55.7

2 years ago

0.55.4

2 years ago

0.55.5

2 years ago

0.55.2

2 years ago

0.55.3

2 years ago

0.55.0

2 years ago

0.55.1

2 years ago

0.56.5

2 years ago

0.56.3

2 years ago

0.56.4

2 years ago

0.56.1

2 years ago

0.56.2

2 years ago

0.56.0

2 years ago

0.57.4

2 years ago

0.57.5

2 years ago

0.57.2

2 years ago

0.53.6

2 years ago

0.57.3

2 years ago

0.57.0

2 years ago

0.57.1

2 years ago

0.53.5

2 years ago

0.57.6

2 years ago

0.57.7

2 years ago

0.54.3

2 years ago

0.58.0

2 years ago

0.54.1

2 years ago

0.54.2

2 years ago

0.54.0

2 years ago

0.53.4

2 years ago

0.51.13

2 years ago

0.52.7

2 years ago

0.52.5

2 years ago

0.52.6

2 years ago

0.52.3

2 years ago

0.52.4

2 years ago

0.52.1

2 years ago

0.52.2

2 years ago

0.52.0

2 years ago

0.53.3

2 years ago

0.53.0

2 years ago

0.53.1

2 years ago

0.51.8

2 years ago

0.51.6

2 years ago

0.51.7

2 years ago

0.51.4

2 years ago

0.51.5

2 years ago

0.51.11

2 years ago

0.51.12

2 years ago

0.51.2

2 years ago

0.51.3

2 years ago

0.51.0

2 years ago

0.51.1

2 years ago

0.50.7

2 years ago

0.50.8

2 years ago

0.50.5

2 years ago

0.50.6

2 years ago

0.49.8

2 years ago

0.50.3

2 years ago

0.50.4

2 years ago

0.50.1

2 years ago

0.50.2

2 years ago

0.50.0

2 years ago

0.48.2

2 years ago

0.48.3

2 years ago

0.48.1

2 years ago

0.48.4

2 years ago

0.48.5

2 years ago

0.49.1

2 years ago

0.49.2

2 years ago

0.49.0

2 years ago

0.49.7

2 years ago

0.49.5

2 years ago

0.49.6

2 years ago

0.49.3

2 years ago

0.49.4

2 years ago

0.48.0

3 years ago

0.47.6

3 years ago

0.47.3

3 years ago

0.47.4

3 years ago

0.47.1

3 years ago

0.47.2

3 years ago

0.47.0

3 years ago

0.47.5

3 years ago

0.46.4

3 years ago

0.46.5

3 years ago

0.46.2

3 years ago

0.46.3

3 years ago

0.46.0

3 years ago

0.46.1

3 years ago

0.45.30

3 years ago

0.45.28

3 years ago

0.45.29

3 years ago

0.45.19

3 years ago

0.45.20

3 years ago

0.45.21

3 years ago

0.45.22

3 years ago

0.45.23

3 years ago

0.45.24

3 years ago

0.45.25

3 years ago

0.45.26

3 years ago

0.45.12

3 years ago

0.45.13

3 years ago

0.45.14

3 years ago

0.45.15

3 years ago

0.45.18

3 years ago

0.45.9

3 years ago

0.45.7

3 years ago

0.45.8

3 years ago

0.45.5

3 years ago

0.45.6

3 years ago

0.45.3

3 years ago

0.45.4

3 years ago

0.45.1

3 years ago

0.42.0

3 years ago

0.41.1

3 years ago

0.43.0

3 years ago

0.42.1

3 years ago

0.41.2

3 years ago

0.40.0

3 years ago

0.41.0

3 years ago

0.44.7

3 years ago

0.44.4

3 years ago

0.44.5

3 years ago

0.44.2

3 years ago

0.44.3

3 years ago

0.44.0

3 years ago

0.43.1

3 years ago

0.44.1

3 years ago

0.43.2

3 years ago

0.39.1

3 years ago

0.38.2

3 years ago

0.39.0

3 years ago

0.39.3

3 years ago

0.39.2

3 years ago

0.37.3

3 years ago

0.38.1

3 years ago

0.37.2

3 years ago

0.35.4

3 years ago

0.38.0

3 years ago

0.37.1

3 years ago

0.35.3

3 years ago

0.37.0

3 years ago

0.35.2

3 years ago

0.36.0

3 years ago

0.35.1

3 years ago

0.35.0

3 years ago

0.34.1

3 years ago

0.37.4

3 years ago

0.34.0

3 years ago

0.33.5

3 years ago

0.33.4

3 years ago

0.33.2

3 years ago