Discussion :

[julie_mb]

Bonjour,

Je réalise mon premier site avec SASS, et si jusqu'ici tout se passait bien, ce n'est plus le cas depuis que j'ai essayé de mettre en place des variables dynamique sur mon site. J'ai clairement besoin d’aide.

Voici mon problème :
Mon site sera divisé en 10 modules, qui auront chacun un code couleurs différents.

Jusqu'ici j'ai créé mes 10 variables de couleurs, et j'ai mis un Id différents pour chaque un de mes modules.
Ensuite dans mon code je répète pour chaque class, en fonction de l'ID, qu'elle variable couleurs doit être utilisé.
Jusque la on est bon !!!!

Du coup pour éviter ça j'aurais aimé créer une unique variable dynamique qui s'adapte automatiquement en fonction de l'ID de ma page. Et donc n'avoir qu'une seul ligne de code au lieu de 10 dans mon code, à chaque fois que j'appelle une couleur.

Problème, je sèche complétement ! J'ai essayé plein de chose, des listes, des map, des mixin de @each des @for, mais rien n'y fait....

Est ce que l'un d'entre vous serez suffisamment calé pour me mettre sur la bonne voie ????

Je vous remercie d'avance pour votre aide.

[NoSmoking]

Bonjour et bienvenue sur DVP.
Il serait souhaitable que tu nous montres ce que tu as essayé pour que l'on puisse se faire une meilleur idée de ce que tu cherches à faire.

Sinon, as tu regardé du côté de @each -> Multiple Assignment

[julie_mb]

Bonjour,

Merci d'avoir pris le temps de me répondre.

Je vais essayer d'être un plus claire, pour expliquer mon problème.

Dans l'idéal je souhaiterais pouvoir remplacer quelque chose comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#module-1 {
    a {color:red;}
}
#module-2 {
    a {color:green;}
}
#module-3 {
    a {color:purple;}
}
 
Par :
 
a {
    @include mycolors;
}

et créer une unique fonction qui me permettrait de définir le bon code couleur en fonction de l'ID dans lequel on se trouve.


J’espère être plus claire.

Merci d'avance, à celui qui aura une piste à me suggérer.

[NoSmoking]

Dans l'idéal je souhaiterais pouvoir remplacer quelque chose comme ça

c'est ce que tu peux faire avec les expressions fournies dans le liens non !?!