使用sass中的映射(Map)和@each

sass中的映射相当于对象，不过是使用括号

$theme-colors: 
(
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
);

@each 循环就是去遍历一个列表，然后从列表中取出对应的值。

@each 循环指令的形式：

@each $var in <list or map>

map

@each $key, $value in $theme-colors {
    .icon-#{$key} {
        color: $value
    }
}

也可以是一个简单的列表
list

$list: green, red, yellow
@each $key, $value in $list {
    .icon-#{$key} {
        color: $value
    }
}