Александр Марченко хоть и не в полной мере ответил на вопрос, но задал правильный вектор мыслей...
Поискав тщательно в сети я не нашел подходящего решения, пришлось придумать самому.
Результат нашелся в совместном использовании многих возможностей SASS, вот он:
//переменные цветов
$rainbow-map: (staff: #ffcc66, azaza: #f00);
//цветовые свойства
@each $class, $color in $rainbow-map {
.#{$class}-color {
color: $color;
}
}
//миксины цветов
@mixin rainbow($property: color) {
@each $class, $color in $rainbow-map {
.#{$class} & {
@extend .#{$class}-#{$property};
}
}
}
.container-one {
.block-one {
@include rainbow(color);
}
.block-two {
@include rainbow(color);
.child-block-one {
@include rainbow(color);
}
}
}
Хоть это и не "идеальный способ" который я искал, он вполне приемлем. У меня есть заранее заданная палитра цветов в каждом разделе сайта и все свойства мне достаточно вывести в отдельный блок. Так и размер CSS файла будет не большим, и цвета не придется ставить вручную.
