CSS рамки и цветовые схемы - PullRequest
Новая
       50

CSS рамки и цветовые схемы

0 голосов
/ 02 мая 2011

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

Например, в моем текущем проекте я импортировал blueprint / screen.css. Чтобы изменить цвет шрифта, мне нужно изменить body {color ..}, h2 {color ..}, h3 {color ..} и т. Д.

Нет ли чего-нибудь такого, что обеспечивало бы хорошие значения по умолчанию для CSS, но также позволяло бы поиграться с цветовыми схемами?

Ответы [ 3 ]

4 голосов
/ 02 мая 2011

Вы можете попробовать http://lesscss.org/.

Это позволяет вам использовать такие вещи, как переменные в вашем CSS, что звучит точно так же, как вы: 

// LESS

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}
1 голос
/ 02 мая 2011

Создайте свой собственный файл CSS, который загружается после Blueprint. Вам нужно будет переопределить все, но настройки Blueprint не за горами от настроек браузера.

Если у вас есть несколько цветовых схем, которые вы хотите быстро переключить, установите класс на свой тег . Затем используйте свой CSS-файл для определения пользовательских стилей для каждого.

CSS: 

.theme1 body {
    font-family: Tahoma;
    color: #500;
}

.theme2 body {
    font-family: Verdana;
    color: #050;
}

Для первой темы: 

<html class="theme1">

Для второй темы: 

<html class="theme2">
0 голосов
/ 02 мая 2011

Не могли бы вы просто отредактировать файл blueprint / screen.css?Вы также можете использовать что-то вроде SASS, а затем создать все значения по умолчанию в верхней части таблицы стилей, а затем сделать так, чтобы оно проходило по всей таблице стилей при визуализации.

...