scssで変数
.col1fr {width:84px}
.col2fr {width:168px}
.col3fr {width:252px}
….
100まで記載したくない…
そんな時、scssで変数を使う
$i: 84px;
$inum: 1;
@while $inum <= 62 {
.col#{$inum}fr {
width: $i * $inum;
}
$inum: $inum + 1;
}.col1fr {width:84px}
.col2fr {width:168px}
.col3fr {width:252px}
….
100まで記載したくない…
そんな時、scssで変数を使う
$i: 84px;
$inum: 1;
@while $inum <= 62 {
.col#{$inum}fr {
width: $i * $inum;
}
$inum: $inum + 1;
}
