CSS変数

code:ok.js

node.style.setProperty(key, val)

code:ng.js

この方法だと普通のcssは登録できるがCSS変数は無理

styleの中には入るっぽいんだけど反映はされない

モチベーション

code:html

<div class="column4 color-red">

こういうclass名がいやだ

CSS変数を使うと、あるstyleを適用するとき（class名を付けるとき）に、外から引数を渡す感じで書けるようになる

コンパイラが引数チェックしてくれるわけじゃないんですが、あるクラスを適用しているときにCSS変数を指定する、なら静的にチェックできると思う

そもそもclassの存在確認とかチェックするツールあるのか？

プログラマティックにCSSが適用できちゃう。できちゃう気がする

ちょっとずつパラメータ変えてアニメーションしたいときよい

ワークアラウンド

Elmではしょうがないのでinlineじゃない方法でやる

class名指定でやる方法

code:CSS

.var-n-10 {

--n : 10

}

このclass名を使う

これをやりたくないんですよ

なんらかの方法でstyleタグ生成してそこに書く

code:Elm