Question de boucle sur Sass
ephelya
Messages postés
282
Date d'inscription
Statut
Membre
Dernière intervention
-
ephelya Messages postés 282 Date d'inscription Statut Membre Dernière intervention -
ephelya Messages postés 282 Date d'inscription Statut Membre Dernière intervention -
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
- Mise à disposition de boucle locale dédiée ✓ - Forum Freebox
- Boucle excel sans macro - Forum Excel
- Mon pc s'allume et s'éteint en boucle ✓ - Forum Matériel & Système
- Vlc lire en boucle ✓ - Forum Lecteurs et supports vidéo
- Xiaomi s'éteint tout seul et se rallume en boucle - Forum Xiaomi