phi-jp / meltline

melt + inline. css library
0 stars 3 forks source link

define-color 等の色定義のメソッドでCSS変数も定義する #82

Closed simiraaaa closed 2 years ago

simiraaaa commented 2 years ago

lessのimportが必要なく、以下のように使えるようになります。

.button {
  border: 1px solid var(--color-red);
}

変数名は --meltline-color-xx にするか迷っています

horietty commented 2 years ago

@simiraaaa LGTMです 改めて確認となり申し訳ないですが、こうすることでdefine-colorで定義された色がmain.lessの:root内で勝手に変数化されるから概要に書いてあるような書き方ができるようになるってことですよね!

phi-jp commented 2 years ago

lgtm

cho-kin commented 2 years ago

LGTM

kinchan-jp commented 2 years ago

使い方理解しました LGTM

suico-jp commented 2 years ago

LGTM