Переменная рефакторинг Sass в качестве селектора

Question

Я бы хотел изменить этот код, если это возможно, я не нашел что-то, чтобы понять это:

$javascript: rgb(238, 218, 103); 
$php: rgb(119,125,176); 
$ruby: rgb(197, 25, 17);

.isjavascript {
    color: $javascript;
}

.isphp {
    color: $php;
}

.isruby {
    color: $ruby;
}

Answer 1

Ну, вы можете использовать карту .

$languages-color: (
  'javascript': rgb(238, 218, 103),
  'php': rgb(119,125,176),
  'ruby': rgb(197, 25, 17)
);

@each $label, $color in $languages-color {
  .is#{$label} {
    color: $color;
  }
}