Sass
Saasの「@at-root」が正常に効かないパターン
Saasの「@at-root」記法を使うことで、CSSコンパイル時に親クラスの名前を引き継ぎつつムダにネスト（入れ子構造）しなくなります。 @at-root記法サンプル .class-a { width: 100px; …
レガシーなプロジェクトのJavascriptとCSSに対してwebpackを使う
レガシーなのでCSSは純粋なCSSとして出力したい ExtractTextPluginを使います。 module: { loaders: [{ test: /\.scss$/, loader: ExtractTextPl…Sass：変数+%でプロパティ値をビルドするとWARNINGが出る
Sassのビルド時にいつの間にか以下のWARNINGが出ていることに気付いた。 DEPRECATION WARNING on line 000 of ***_common.scss: #{} interpolation …
gem install をしようとしたらOperation not permitted がでた。。
問題の発端 sassコマンドを使えるようにgemをインストールしようとしたところエラーがでて出来ない。。。 $ sudo gem install sass ERROR: While executing gem … (…
MacをSierraにアップデート後にSassが利用できなくなった場合にすること
YosemiteとSierraの間にはEl Capitanがあるのですが、確かそれはまるまる飛ばしてYosemiteからSierraにアップデートしました。 するとその後しばらくたって何らかのタイミングからこれまで利用で…GulpでCompassのビルドとCSSの最適化＆圧縮する決定版
前提 現在GulpでSassやLessやCompassを使っている人向け より最適なCSS出力をしたい人向け 下記のディレクトリ構造を仮定 project – scss – css – .csscomb.json – c…Sassの運用を楽にするには、Sassの機能を使いすぎるな
Sassは便利ですが、いくら便利でもSass機能を無計画に濫用するとSassの運用がキツくなります。フォトショでドロップシャドウを覚えたばかりの人が濫用しまくった後のように、悲惨な結果が待ってます。 ネスト深すぎ＆広すぎ…