レイアウト・パーツで使える | Web制作者のためのSassの教科書 - 公式サポートサイト一覧に戻る « 前 次 » 第5章 現場で使える実践Sassコーディング 5-3 レイアウト・パーツで使える clearfix を @extend で活用する $supportIE: true; // IE非対応の場合 false .clearfix { @if $supportIE { *zoom: 1; } &:after { content: ""; display: table; clear: both; } } .item { @extend .clearfix; background: #eee; .image { float: left; height: 100px; } .text { float: left; } } .clearfix, .item { *zoom: 1; } .clearfix:after, .item:after { content: ""; dis
