Переменные в CSS

В CSS очень нехватает поддержки переменных. Один из вариантов решения этой проблемы библиотека CssHandler. Подключаем HttpHandler  в web.config, ассоциируем с расширением *.css, в результате в CSS файлах появляется возможность создавать и использовать переменные:

@define{
   bgcolor_light: #99ccff;
   bgcolor_dark: #003366;
   fontcolor: #333333;
}
body{
   background-color: @bgcolor_light;
   color: @fontcolor;
}

 

Достаточно объявить в CSS файле блок @define{} и в нем переменные как показано в примере, затем эти переменные можно использовать в остальной части CSS файла следующим образом @<имя переменной>.

Красота!

Подробнее о CssHandler на CodePlex