Global Color Scheme/Skin

Question

Je suis en train de créer un site utilisant CSS qui doit être skinnable/brandable. En termes techniques, pour chaque "marque" j'ai un ensemble de cinq valeurs de couleur dans une base de données. Ce que je veux faire est de construire des fichiers CSS pour que le schéma de couleurs du site entier soit unifié et que les couleurs soient réutilisées, ainsi je peux changer la valeur à un endroit et changer le site entier. Le concept ressemblerait à ceci:

.SiteBaseColor {color: sienna;}

p {font-size: 50; couleur: SiteBaseColor;}

est-il un moyen d'accomplir quelque chose comme ça? Pourquoi ne pas simplement écrire 6 fichiers CSS?

Answer 1

Si vous voulez enquêter sur le choix de préprocesseur (mon préféré pour ce cas) Je suis d'accord avec Pekka, mais mon choix serait sass qui, je pense, est puissant que moins ..

l'utilisation d'un préprocesseur css vous pouvez écrire une annonce fichier SASS que compiler dans 6 différents fichiers CSS simple fait de changer les variables de couleur à chaque fois ...

Mais, si vous devez extraire les couleurs d'une base de données, il est peut-être plus simple d'utiliser php sni ppets dans le fichier css ..

Answer 2

Un pour tout le contenu (sans le schéma-couleur) et un par couleur. Ensuite, vous venez d'inclure celui dont vous avez besoin.

Le même si vous générez par php, il suffit de 5 différents points d'entrée pour les schémas et comprennent la bonne ...

Answer 3

Malheureusement, CSS ne supporte pas les variables. Vous devez utiliser un préprocesseur CSS comme Less ou xCSS, ou utiliser des extraits PHP:

<? $ourColor = "#FF0000"; ?> 

..... 
div.content { color: <?php echo $ourColor; ?> }