Как указать стилю, что бы он брал содержимое из другого стиля?

Question

[Михаил Р.]

Всем привет!
Появилась потребность сделать некоторую стандартизацию в стилях, а именно одним движением изменить цветовую гамму сайта (ховеры, бордюры, цвета текста и т.п.).
До настоящего момента, данную стандартизацию я реализовывал методом перечисления через запятую нужных css классов и прописывал к ним стили, пример:

.style-1,
.style-2,
.style-3 {color:red;}

1. Но возможно, есть какой-то импорт/подключение/наследование стилей в формате ниже?:

/* базовый стиль */
.base {
    color:red;
}
/* в стили ниже, мы импортируем содержимое базового стиля */
.style-1 {
    include .base;
}
.style-3 {
    include .base;
}
.style-2 {
     include .base;
}

2. И заключительный вопрос, как вообще правильно реализовывать подобную задачу в CSS?
Спасибо!

Answer 1

[DTX]

LESS/SASS.
Я за SASS.

sass-lang.com/guide

codepen.io/anon/pen/ZLQYJg

Answer 2

[Рюрик Ростиславич]

Переменные CSS

Answer 3

[sleepyKitty]

1. Есть. Называется "Препроцессоры"
Например Sass sass-lang.com/guide

2. см. Пункт 1

Answer 4

[Svidrigaylow]

Читайте о примесях в препроцессорах, никакие переменные тут не причем