タグ

ブックマーク / jmblog.jp (1)

  • Sass の if 関数 - jmblog.jp

    これは CSS Preprocessor Advent Calendar 2012 の 5 日目の記事です。 今日はあまり知られていない Sass の if 関数について紹介したいと思います。 Sass には、条件分岐のための制御構文として @if ディレクティブ(いわゆる if 文)が用意されています。 $type: ocean; p { @if $type == ocean { color: blue; } @else { color: black; } } Sass の紹介記事の中では必ずと言っていいほど出てきますし、皆さんも一度は使ったことがあるのではないでしょうか。 実はこの @if ディレクティブ以外に、Sass には if 関数が標準で用意されています。 上のコードを if 関数を使って書き直すと、次のようになります。 $type: ocean; p { color: if(

    Sass の if 関数 - jmblog.jp
  • 1