SassとCSS設計 第6回 Mixinの利用 CSS SpriteのサンプルSassコードをより簡潔に、効率的に、しかもメンテナンス性を高めるように改善しながら、そのキモとなるMixin機能について解説します。 カテゴリー HTML/CSS CSS設計 2013年06月27日 発行 著者 山田 敬美 フロントエンド・エンジニア SassとCSS設計 シリーズの記事一覧 このシリーズの記事 第1回 Sassの基本 第2回 ネスト機能の利用 第3回 ネストのルールとCSS設計 第4回 変数の利用 第5回 演算の利用 第6回 Mixinの利用 第7回 セレクタを継承する 最終回 運用と管理 目次 はじめに スタイルの塊を再利用するMixin Mixinの使い方 Mixinに引数を与える 引数の初期値 制御構文で繰り返し処理をする @eachと演算の組み合わせ 可変長引数 引数のnull値 条件分岐で出し分ける まとめ この記事を読むには購読の手続きが必要です 購読の手続きへ 月額880円(税込) + 初めてお申し込みの方には、30日間無料でお使いいただけます 第5回 演算の利用 第7回 セレクタを継承する