この興味深いSCSS の高度なガイドを見つけました。使用するクールなアプローチがたくさんあります。次に、以下のものに行き詰まりました。イテレータは明確ですが、数値1
と数値2
が何に使用されているのか理解できません。何か案は??
SCSS
$buttonConfig: 'save' 50px, 'cancel' 50px, 'help' 100px;
@each $tuple in $buttonConfig {
.button-#{nth($tuple, 1)} {
width: nth($tuple, 2);
}
}
コンパイル済み CSS
.button-save {
width: 50px;
}
.button-cancel {
width: 50px;
}
.button-help {
width: 100px;
}