Skip to content

Commit

Permalink
chore: update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
chizukicn committed Oct 25, 2023
1 parent f8c1247 commit 5dc399a
Showing 1 changed file with 5 additions and 18 deletions.
23 changes: 5 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,19 +40,6 @@ export default defineConfig({
});
```

### Rules

- text-`[color]`/`[opacity]`
- bg-`[color]`/`[opacity]`
- border-`[color]`/`[opacity]`
- underline-`[color]`/`[opacity]`
- decoration-`[color]`/`[opacity]`
- ring-`[color]`/`[opacity]`
- outline-`[color]`/`[opacity]`
- fill-`[color]`/`[opacity]`
- text-stroke-`[color]`/`[opacity]`
- bg-gradient-`[color]`/`[opacity]`

```html
<div class="text-primary/72"></div>
<div class="bg-primary/36"></div>
Expand All @@ -61,16 +48,16 @@ export default defineConfig({
```css
.text-primary\/72 {
// hsla
color: hsla(var(--un-platte-primary-color), 0.72);
color: hsla(var(--un-platte-primary-color-hsl) / 0.72);
// rgba
// color: rgba(var(--un-platte-primary-color), 0.72);
// color: rgba(var(--un-platte-primary-color-rgb) / 0.72);
}

.bg-primary\/36 {
// hsla
background-color: hsla(var(--un-platte-primary-color), 0.36);
background-color: hsla(var(--un-platte-primary-color-hsl) / 0.36);
// rgba
// background-color: rgba(var(--un-platte-primary-color), 0.36);
// background-color: rgba(var(--un-platte-primary-color-rgb) / 0.36);
}

```
Expand Down Expand Up @@ -128,4 +115,4 @@ export interface PaletteOptions {

### License

MIT License © 2022-PRESENT [Chizukicn](https://github.com/chizukicn)
MIT License © 2022-PRESENT [Chizukicn](https://github.com/chizukicn)

0 comments on commit 5dc399a

Please sign in to comment.