sassやlessってJavaScriptの変数を読み込んだり、HTMLの属性値を参照したりできます?
sassやlessはCSSを管理するツールだよ
どっちもCSSを生成するもの(記述が生CSSよりラク)。なんかと勘違いしてるな。lessはJSでリアルタイムにレンダリングできるバージョンがあるが、遅すぎるのでほとんど普及せず、コンパイルして静的なCSSにして使うのが普通。このリアルタイムのヤツなら改造して何とかなったかもな。sassは使ったことないので知らない。
JavaScriptで使用する変数をLessやSassで使えるかってことなんだろうけど、確かにそれができるとLessやSassにない機能も期待できるので便利になるケースもありそうだね。ただ、聞いたことないな。
jsはブラウザ側で実行されるのでブラウザ側でsassやlessを解釈されない限り無理でしょ。
いや、Gruntみたいなことできるかってことでしょ。
「JavaScriptの変数を読み込んだり」とあるので、クライアントサイドを想定してるんじゃないかな?
いやCSS内でJavaScriptの変数がみれるなら、サーバ側でコンパイルしてもOK.
それはできたらいいなと誰しも一度は思うけど無理。Gruntを使えばそれに近いことができる。PHPなどを使ってもできると思うが、動的にCSSやJSを書き出すのでリソース管理上の問題から推奨しない。
sassでjsonを参照できたりする拡張はあるみたいだけど、あくまでも定義された変数を引っ張ってくるだけっぽい。
ttp://viget.com/extend/sharing-data-between-sass-and-javascript-with-json
みんなの回答 6 件
sassやlessはCSSを管理するツールだよ
どっちもCSSを生成するもの(記述が生CSSよりラク)。なんかと勘違いしてるな。
lessはJSでリアルタイムにレンダリングできるバージョンがあるが、遅すぎるのでほとんど普及せず、コンパイルして静的なCSSにして使うのが普通。このリアルタイムのヤツなら改造して何とかなったかもな。sassは使ったことないので知らない。
JavaScriptで使用する変数をLessやSassで使えるかってことなんだろうけど、確かにそれができるとLessやSassにない機能も期待できるので便利になるケースもありそうだね。ただ、聞いたことないな。
jsはブラウザ側で実行されるので
ブラウザ側でsassやlessを解釈されない限り無理でしょ。
それはできたらいいなと誰しも一度は思うけど無理。
Gruntを使えばそれに近いことができる。PHPなどを使ってもできると思うが、動的にCSSやJSを書き出すのでリソース管理上の問題から推奨しない。
sassでjsonを参照できたりする拡張はあるみたいだけど、
あくまでも定義された変数を引っ張ってくるだけっぽい。
ttp://viget.com/extend/sharing-data-between-sass-and-javascript-with-json
関連するトピックス