Программное обеспечение, которое позволяет "определять" в CSS с помощью заключающих в скобки

Question

В прошлом я использовал какое-то программное обеспечение, которое делает это, но я не могу вспомнить название. Я думал, что CSSTidy сделал это, но я не могу вспомнить как (если это было так).

По сути, это работает так: вы можете передать файл CSS, например:

#foobar{

    .red {

        color: #FF0000;

    }

    .blue {

        color: #00FF00;

    }

}

И тогда он вернет CSS-файл вроде:

#foobar .red {

    color: #FF0000;

}

#foobar .blue {

    color: #00FF00;

}

Таким образом, я мог бы динамически инкапсулировать некоторые CSS-включения и гарантировать, что их CSS не "вспыхнет" в некоторой степени. ShadowDOM не работает для этого, потому что я хочу каскадно в этот элемент. Он не предназначен для предотвращения вредоносного кода, просто упрощает разработку.

Я вполне уверен, что это было программное обеспечение на стороне сервера, а не библиотека javascript, хотя любой из них будет работать.

Answer 1

Sass, Less и другие CSS препроцессоры - это то, что вы ищете!

Вот хорошая статья, которая сравнивает некоторые из наиболее популярных вариантов.