unocss / unocss

The instant on-demand atomic CSS engine.

Home Page:https://unocss.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

希望支持 inset 特性

elkon028 opened this issue · comments

commented

inset

# class="p[1px, 2rem, 3, 0] abs[1px, 2rem, 3, 0]"
.out{
  padding: 1px 2rem 3rem 0;
  position: absolute;
  inset: 1px 2rem 3 0;
}

# class="p[1, 2]"
# <div p="[1, 2]" />
.out{
  padding: 1rem 2rem;
}

hover

# class="color[red, green] bg[gray, blue]"
# <div color="[red, green]" bg="[gray, blue]" />
.out{
  color: red;
  background: gray;
  &:hover{
    color: green;
    background: blue;
  }
}

font

# class="font[style, name, size, color]"
# class="font[bold, input mono, 12px, red]"
.out{
  font-style: bold,
  font-family: input mono;
  font-size: 12px;
  color: red;
}

Other similar

......