2016-10-07 3 views
1

Nous avons nos variables SASS ensemble de fichiers comme desSASS: remplacer un var avec un autre

scss\variables\_custom_variables.scss.

Ce qui, bien sûr, contient des choses comme

$link-color: $00f;

ensuite mis à utiliser dans nos fichiers SASS mis en place comme celui-ci pour la navigation comme scss\main\_main_nav.scss où nous avons des règles comme

a {color: $link-color;}

Maintenant, nous avons une nouvelle fonctionnalité permettant un style personnalisé, qui tire dans les variables ainsi que tout dans scss\main\. Au lieu de créer quelque chose comme

scss\main_2\_main_nav.scss ad infinitum

Je voudrais être en mesure de redéfinir $link-color.

J'espérais que je ne pouvais tout simplement créer scss\new_file\_variables.scss et avoir une liste des dérogations comme

$link-color: #36c;

mais cela ne fonctionne pas comme prévu. Que pourrais-je faire mieux?

Merci, tous

+0

double possible de [puis-je remplacer les variables SASS après qu'ils ont été importés?] (Http://stackoverflow.com/questions/11773583/can-i-override-sass-variables-after-they -have-été-importé) – Hackerman

+0

Je ne pense pas: Dans un global, je règle mes variables, et j'utilise '! default' à ce point. Cependant, nous allons commencer à créer des schémas de couleurs différentes et je voudrais simplement redéfinir ces vars au lieu de nouvelles règles .: 'global.scss: $ primary-color: red! Default; ' 'custom.scss: $ primary-color: blue;' malgré le respect de l'ordre de la pile, continue la compilation: '$ primary-color: red;' –

Répondre