ASP.NET MVC3: создание цветовых констант в CSS

Question

Из того, что я прочитал и попробовал, создание цветовых констант в одном только CSS невозможно.

Очевидно, его необходимо генерировать на стороне сервера с использованием констант.

У меня есть два наборацвета, которые я хочу использовать, в зависимости от брендинга.Тем не менее, я не хочу отличаться от таблиц стилей, если что-то изменится (что происходит с тех пор, как я все еще разрабатываю).

Итак, в общем, я хочу иметь возможность определить цветовую константу, используя mybe оператор If вокругЭто?

Так, например:

if (Setting1)
{ 
    color1 = #123534
    color2 = #223534
} 
else
{
    color1 = #553231
    color1 = #653231
}

И в таблице стилей, я могу назвать это легко.

background-color = color1

РЕДАКТИРОВАТЬ: После одногоиз ответов и использования, http://www.dotlesscss.org/

Теперь у меня есть таблица стилей, связанная следующим образом:

<link type="text/css" href="@Url.Content("~/Content/Site.less")" rel="stylesheet" />

Я импортировал библиотеку dotless.core.и добавил все ссылки на Webconfig.За исключением <dotless minifyCss="false" cache="true" />. (Необязательно и неуверенно, куда это идет) Что я сделал не так

Answer 1

Я бы посмотрел на что-то вроде dot.less

Это прекрасно работает и легко устанавливается как пакет nuget:

http://www.dotlesscss.org/

Вы также получаете намного больше, чем просто константы

Что я делаю, так это создаю базовые файлы с константами, в которые затем импортируем основной файл, который ссылается на определенные константы. Затем в представлении MVC выберите базовый файл в зависимости от настройки.

@Color1: #fff;
@Color2: #000;

/* import main css */
@import "main.less";

Answer 2

Если вы хотите придерживаться традиции MVC (и Razor), тогда здесь - это интересный проект, доступный через NuGet.

Answer 3

Стоит также упомянуть Sass - http://sass -lang.com /

Обратите внимание, что вы можете скомпилировать CSS локально с помощью Sass, поэтому Ruby не требуется.