sassを使ってCSSのめんどくさい繰り返し部分を楽に記述する | CSS-EBLOG

sassを使ってCSSのめんどくさい繰り返し部分を楽に記述する カテゴリ：sass 2011年12月20日 22:45 この記事はLess & Sass Advent calendar 2011の20日目として書いている記事です。 sassを使った繰り返し処理の基本 sassにはプログラム言語と同じような処理が存在します。 その中でも繰り返し処理をピックアップして、ちょっとめんどくさい処理を簡単にする方法をご紹介します。 単純な繰り返し処理 sassには繰り返し処理に使える文として、@each と @for があります。 JSなどではおなじみですね。 使い方も、他のプログラム言語のものと同じです。 @eachは指定したリストを順番に処理するもの、@forは指定した数値の間で繰り返し処理をするものです。 また繰り返しではありませんが、めんどくさい処理をまとめる、という意味で@function

[wyumikokh]

さっそく使ってみた、すごく便利 [sass]

[kool_kreate]

if for each とか

[sanata0130]

font-size

[fushimik]

@each,@if,@function

[makoto0327]

sassの@each,@if,@functionについて

[tunacook]

おー、GUIのがあるんだ

[fooo]

@each, @for, @functionの具体的な使い方

[tacamy]

プログラムアレルギーでもわかりやすかった！