bei diesem Beispiel Werfen Sie einen Blick:SASS/SCSS Objektschlüssel Wert Schleife
@include font-face('Entypo', font-files('entypo.woff'));
.icon {
display: inline;
font: 400 40px/40px Entypo;
}
.icon-star {
@extend .icon;
&:after {
content: "\2605";
}
}
.icon-lightning {
@extend .icon;
&:after {
content: "\26A1";
}
}
Ich will die Dinge so trocken wie möglich machen, so möchte ich wissen, ob folgendes möglich ist, und wenn ja, wie?
@include font-face('Entypo', font-files('entypo.woff'));
.icon {
display: inline;
font: 400 40px/40px Entypo;
}
$icons {
$star: "\2605";
$lightning: "\26A1";
}
@each $icon in $icons {
$key = $icon{key}; // ???
$value = $icon{value}; // ???
.icon-#{$key} {
@extend .icon;
&:after {
content: $value;
}
}
}
ich die Dokumentation von SASS hassen, warum kann ich nicht eine einfache Schleife wie diese finden, Danke trotzdem, viel Wertschätzung. – onlineracoon
Wenn Sie etwas programmatischeres wollen, schauen Sie sich http://learnboost.github.io/stylus/ an. –
Perfektes Beispiel – lorless