Sass でリストのリスト

Sass でオブジェクト指向っぽく書きたいときに便利です。, の方が半角スペースよりも優先されるのがポイント。

$fruits: orange #fe8a06 12px, apple #aa101b 16px, banana #fff516 20px;

@each $fruit in $fruits {
  $name: nth($fruit, 1);
  $color: nth($fruit, 2);
  $pad: nth($fruit, 3);
  .#{$name}-desc {
    color: $color;
    padding-left: $pad;
  }
}