Question de boucle sur Sass
ephelya
Messages postés
296
Statut
Membre
-
ephelya Messages postés 296 Statut Membre -
ephelya Messages postés 296 Statut Membre -
Bonjour tout le monde,
Je voudrais faire générer dynamiquement la liste des classes correspondant aux couleurs que j'utilise souvent.
J'ai créé toute une série de variables pour pouvoir les reconnaître facilement mais je n'arrive pas à faire la boucle pour créer les classes correspondantes.
Je débute avec Sass onc je ne sais même pas si ce que je veux faire est possible ou non, je ne trouve la réponse nulle part...
Voilà ce que j'ai
Je voudrais avoir des classes sous ce fomat :
Mais je ne trouve pas la bonne syntaxe pour faire ça.
J'ai testé tout ça mais rien ne fonctionne :
Question subsidiaire, je voudrais aussi faire une boucle sur le nom de mes pages pour importer les fichiers scss correspondants mais ça ne veut pas non plus.
Il y a une méthode pour ça ?
Merci d'avance pour votre aide ! :-)
Je voudrais faire générer dynamiquement la liste des classes correspondant aux couleurs que j'utilise souvent.
J'ai créé toute une série de variables pour pouvoir les reconnaître facilement mais je n'arrive pas à faire la boucle pour créer les classes correspondantes.
Je débute avec Sass onc je ne sais même pas si ce que je veux faire est possible ou non, je ne trouve la réponse nulle part...
Voilà ce que j'ai
$colors: light_rose, vdark_rose, dark_rose, vvdark_rose;
Je voudrais avoir des classes sous ce fomat :
.light_rose {
background-color: $light_rose;
}
Mais je ne trouve pas la bonne syntaxe pour faire ça.
J'ai testé tout ça mais rien ne fonctionne :
@each $color in $colors {
.#{$color} {
color: $'#{$color}';
}
}
.#{$color} {
color: $+'#{$color}';
}
Question subsidiaire, je voudrais aussi faire une boucle sur le nom de mes pages pour importer les fichiers scss correspondants mais ça ne veut pas non plus.
$pages: accueil, contact, profil;
@each $page in $pages {
@import "libs/pages/#{$page}.scss";
}
Error: This at-rule is not allowed here
Il y a une méthode pour ça ?
Merci d'avance pour votre aide ! :-)
Configuration: Macintosh / Firefox 85.0
A voir également:
- Question de boucle sur Sass
- Boucle excel sans macro - Forum Excel
- Mise à disposition de boucle locale dédiée ✓ - Forum Freebox
- Mon pc s'allume et s'éteint en boucle ✓ - Forum Matériel & Système
- Pc qui s'allume et s'éteint en boucle - Forum Virus
- Vlc lire en boucle ✓ - Forum Lecteurs et supports vidéo