Sassってみよう!〜@for @while編〜

@for@while

今回は@for、@whileのループ処理についてです。
私が個人的に一番「Sassを使っていてよかった〜」としみじみ思う機能です。
cssだと大量にコピペして書いていたコードもループ処理を用いると数行の記述で済むので仕事が捗ります。
続きを読む

Sassってみよう!〜@import編〜

@import編

cssでもお馴染みの@importですが、Sassでは少しだけ使い方が異なります。

cssの場合、@importで指定したcssファイルはあくまで外部ファイルとしてリンクされたカタチで読み込まれますが、
Sassの場合は、@importで指定したscssファイルはコンパイルするとひとつのcssファイルとして書き出されます。
続きを読む

Sassってみよう!〜@mixin編〜

mixin編

今回は@mixin

@mixinはスタイルをまとめて定義することが出来る便利な機能です。
これだけみると前回ご紹介した@extendと似ているのですが、@mixinは引数を使えるという点と、@extendと違いセレクタがグルーピングされない、という点において違いがあります。

続きを読む

1 / 612345...最後 »