インターン先でreact + typescript + scssのお仕事をしている @haduki1208 と申します。 最近reactよりscssを多く書いてる気がします。割と楽しいです。 TL;DR CSS変数をインラインスタイルで書く var()で読み込む CSSでJavaScriptの値を取得する 趣味で「任意の大きさ・色・向きを指定できる矢印アイコン」を作っていた時に 「CSSでJavaScriptの値を取得できないのか?」 と思ったのでやってみました。 cssにattr()という関数がありますが、content属性でしか動作しないようです。 今回はheight, width, background-color, rotateに任意の値を使いたいのですがダメです。微妙な仕様ですね。 環境 typescript + react + scss および typescript + rea