0

この興味深い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;
}
4

1 に答える 1