気が付いたら8月突入してて茫然としたhakoishiです。 しかももう1/3過ぎてるとか冗談はおよし。 さて、今回はSassでメディアクエリを便利に管理できる書き方の一例をば。 まとめて書いて、コンパイルの際にブレイクポイント毎に分散させます。 最近、レスポンシ... 続きを読む
Compass開発者のChristopher M. EppsteinがSassに@silentというディレクティブを追加してた。どうやら待望の出力CSSに含めないCSSルールを書けるようになるもののようで、これがマージされれば思う存分@extendまくれそう。 カラム定義も $col: 60px; $gap: 20px... 続きを読む
※このドキュメントは Google Docs で書いたものをそのままエクスポートしただけなので、環境によって読みにくかったりするかもしれません。すいません。あとでちゃんと体裁を整えます。Sass で Singleton を実現し、安心してクラスを最利用するこの article は... 続きを読む
もうちょっとSassについて書いてみる。というかSCSS。 例えばこういうHTMLがあるとする。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Simple 2-Column Template</title> </head> <body> <header> <h1>Simple 2-Column Template</h1> </heade... 続きを読む
Translation of: Sass - Tutorial Ruby と Sass のインストール まず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザ... 続きを読む