Высушить мой CSS, но хочу сохранить основной синтаксис CSS

Question

Начиная новый проект рельсов, у нас есть хорошо продуманная цветовая палитра, и мы хотим запечатлеть ее в одном месте. Я обычно сохранял цвета в CSS, но я обнаружил, что в результате я получаю один и тот же цвет во множестве различных селекторов, так как он отображается как цвет фона, цвет, цвет границы и т. Д. Мне также иногда требуется доступ к цветам в JavaScript Было бы здорово просто определить каждый цвет РАЗ.

Так что я просто хотел бы определить свою цветовую палитру так, чтобы ее можно было повторно использовать в CSS и Javascript, но я не хочу переходить к SASS, полностью отказываясь от синтаксиса CSS.

Есть ли уже созданный плагин rails, который позволяет это? Я мог бы соединить решение типа ERB, но я не хочу делать это, если у кого-то есть что-то легко доступное.

Answer 1

МЕНЬШЕ , кажется, имеет плагин rails и синтаксис, более похожий на css.

Answer 2

Существует несколько синтаксических анализаторов на стороне сервера, таких как LESS и SASS, но если вы хотите использовать менталитет palett в простом CSS, вам придется обратить ваше мышление вспять. Определите основные стили, такие как цвета, шрифты и т. Д., И примените несколько классов на уровне тегов.

[стиль]

.color1 {цвет: красный}

.color2 {цвет: синий}

.color3 {цвет: зеленый}

.bcolor1 {цвет: красный}

.bcolor2 {цвет: синий}

.bcolor3 {цвет: зеленый}

[/ стиль]

[tag class = "color1 bcolor2"]

Это очень хорошо сработало для нас.

Answer 3

Существует новый проект под названием {less}, который звучит так, как вы ищете: http://lesscss.org/

Answer 4

Другой (чистый CSS) способ может состоять в том, чтобы определить каждый цвет один раз и иметь несколько селекторов, связанных с этим определением цвета, например:

body,
p,
#foo,
.bar {color: #802369 }