SEC mon CSS, mais veulent garder la syntaxe CSS de base

Question

Démarrage d'un nouveau projet de rails et nous avons une palette de couleurs bien pensé, et que vous voulez capturer que dans un seul endroit. Je l'ai souvent gardé des couleurs dans le CSS, mais je trouve que je retrouve avec la même couleur dans beaucoup de sélecteurs différents, car il apparaît comme une couleur de fond, la couleur, la couleur de bordure, etc. Je vais aussi avoir besoin de temps en temps l'accès aux couleurs dans le Javascript. Il serait bon de définir simplement chaque couleur UNE FOIS.

Je voudrais simplement définir ma palette de couleurs d'une manière qui est réutilisable dans le CSS et Javascript, mais je ne veux pas aller tout le chemin à SASS, abandonnant la syntaxe CSS complètement.

Y at-il un plugin rails déjà qui permet cela? Je pourrais recoller une solution de type ERB, mais je ne veux pas le faire si quelqu'un d'autre a quelque chose facilement disponible.

Answer 1

Il y a un nouveau projet appelé sur {moins} qui sonne comme ce que vous cherchez: http://lesscss.org /

Answer 2

MOINS semble avoir rails plug-in , et plus comme la syntaxe css.

Answer 3

Il y a plusieurs parseurs côté serveur comme MOINS et SASS, mais si vous voulez utiliser la mentalité de palett en CSS droite vous devez REVERS votre façon de penser. Définir les styles de base comme les couleurs, les polices, etc. et appliquer plusieurs classes au niveau de la balise.

[style]

.color1 {color: red}

.color2 {color: blue}

.color3 {color: green}

.bcolor1 {color: red}

.bcolor2 {color: blue}

.bcolor3 {color: green}

[/ style]

[classe tag = "bcolor2 color1"]

Cela a très bien fonctionné pour nous.

Answer 4

Une autre (CSS pure) manière peut être de définir une fois chaque couleur, et ont plusieurs sélecteurs associés à cette définition de couleur oe, par exemple:

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