Sassの変数スコープと!global
Sassの変数スコープの仕様では、ローカル・コンテキストからグローバル変数を上書きできていた。LESSでは多くのプログラミング言語と一緒で上書きはできないという素直な仕様になっている。Sass 3.3では上書きしようとすると警告が出るようになり、!globalフラグを使い明示的に上書きしていることを教える必要があるようになった。将来的には仕様が変更され、警告なしでLESSと同じ挙動になるようだ。 Sassではローカル・コンテキストでグローバル変数を上書きでき、そのスコープを抜けてもそのままになる。 $color: #f00; .test-local { $color: #0f0; color: $color; // #0f0 } .test-global { color: $color; // #0f0 } 対してLESSでは上書きされない。 @color: #f00; .test-loc
Sass で Singleton を実現し、安心してクラスを再利用する | nodot
この article は Less & Sass Advent Calendar の23日目のエントリーとして書かれています(あれれ?!)。 概要 CSSメタ言語を導入する目的の一つにリソース再利用性の実現というものがある。Sass の場合、mixin や extend によって実現している。特に extend によるスタイルの継承は強力である。 しかし再利用できるようなクラスをまとめたライブラリを import して利用すると、実際には使われていないクラスも出力されてしまい、ファイル容量が無駄に肥大する。使うクラスだけコピーするとか、使わないクラスは削除するなどの手動管理は手間がかかる。 そこでクラス自体を出力するような mixin を作れば、必要なクラス定義だけを include でき、不要な CSS コードを出力しなくて済む。しかし、extend したいクラスを必要になる度に inc
MacのFinderにタブを追加して複数ウインドウをひとつにまとめて表示可能になる「XtraFinder」
Macでファイルやフォルダを管理するのに欠かせないのが「Finder」というファイル管理アプリです。複数のデータを一度に取り扱う場合、たくさんのFinderウインドウを開いて目当てのデータを全て表示する必要があるので、デスクトップ上にはたくさんのFinderウインドウが表示されることとなり、一体全体どのウインドウにどのデータが表示されているのか混乱したりするもの。そんな時に役立ちそうな無料アプリが「XtraFinder」で、複数のFinderウインドウをひとつにまとめて表示できるようになり、さらにはひとつのウィンドウ上に2つのFinderウインドウを同時に開いたりすることもできたり、ショートカットキーを自分で自由に割り当てたりもできるて、ファイル管理がよりスマートになります。 XtraFinder adds Tabs and features to Mac Finder. https://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
