[B! sass][*☆] sanata0130のブックマーク

SCSSファイルの整理

SCSSファイルの整理をしてた。Sass 3.2を使い始めて以降、%セレクターをとりあえず使ってみる感じが多かったけど、ようやくどういうものに使うべきでどういうものに使うべきではないのかがわかってきたような気がする。というわけで現在のこのWebサイトのスタイルの構成のメモ。関数変数 Webフォントプレースホルダー・セレクター IDやクラス指定のないHTML要素 normalize.css ページを構成する要素のデコレーションページを構成する要素のレイアウトその他ウィジェット印刷向け関数はどこで使われるかわからずプライオリティが高いので最初にインポート。それから変数を定義して、それを使ってスタイルを書いていく。Webフォントは変数のところでインポートして定義するようにした。Sass 3.2ではCSSの@importディレクティブを自動的に先頭に移動してコンパイルしてくれる機能が

sanata0130 2013/02/18

Sass参考!!!!

リンク

TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function

This domain may be for sale!

sanata0130 2012/09/13

すてきなSassのまとめ

Sass
*☆

リンク

[Sass] Sass 3.2で実装された新機能がヤバい

8/10に3.2、8/15にバグフィックスした3.2.1がリリースされてただでさえヤバイくらい高機能なSassがますますパワーアップした。 Sass信者のみなさんはすでにお使いでしょうか？晒したソースはオンラインコンパイラで試せます。 jsdo.itも対応してます。 @content これはmixinにブロックコンテンツを渡せるようにする合言葉。 mixinを作る時、渡されたブロックコンテンツを入れたい場所に@contentを配置すると @mixin iphone { @media only screen and (max-width: 480px) { @content; } } @includeするときに波括弧で括ってコンテンツを渡せるようになる。 @include iphone { body { color: red } } コンパイルすればこのとおり、@mixinの内容＋渡した