css - SASS/SCSS 对象键值循环

Question

<分区>

Answer 1

Sass 3.3(2014 年 3 月 7 日发布)现在允许您使用 map :

@include font-face('Entypo', font-files('entypo.woff'));

.icon {
  display: inline;
  font: 400 40px/40px Entypo;
}

$icons: (
  star: "\2605",
  lightning: "\26A1"
);

@each $key, $value in $icons {
  .icon-#{$key} {
    @extend .icon;

    &:after {
      content: $value;
    }
  }
}