sur le site que je travaille sur nous utilisions Scaffold , qui est un système à base de PHP semblable à SASS. Il peut également traiter les fonctions SASS \ Files. Malheureusement, ce système est maintenant abandonné, et nous examinons un moyen de bouger complètement vers Sass. Il y a une grande fonctionnalité avec un échafauder cependant que je ne trouve pas de moyen de passer à la sasse, les groupes de variables.
variable d'échafaudage peut être organisé en groupes et utilisé avec un balisage séparé point. Par exemple, je les définirais comme suit: et ultérieurement utilisé sur le code comme, par exemple. ceci Aide beaucoup au développement, car vous pouvez regrouper des variables d'un système et lire les fichiers CSS, vous pouvez facilement savoir quoi faire référence. Je n'ai rien trouvé de comme ça sur la documentation SASS, quiconque sait s'il est possible? Ou s'il y a de toute façon utiliser des mixines pour faire cela? merci
3 Réponses :
Il n'y a pas d'équivalent en SASS. Mais je peux penser en deux solutions de contournement:
1) SASS LISTS et son liste Fonctions . Votre code pourrait ressembler aux éléments suivants: Ce n'est pas la même chose parce que les index de la liste ne peuvent pas être des cordes, donc Vous n'avez pas le moyen de nommer vos variables. 2) Définissez une fonction personnalisée. Regardez directives de fonction section de la référence Sass De cette façon est moins intuitive et plus laide mais vous pouvez "nommer tes variables".
Merci pour le compagnon de réponse, je craignais autant.
De rien. C'est une pitié qu'il n'y a pas d'équivalent exact.
Vous pouvez utiliser des répercuties de SASS A Ses fonctionnalités associées d'une manière similaire à celle:
getVar($Header,left)
() serait une liste vide en SASS.
Je suis tombé sur Cette solution quelque peu clunky (voir la réponse de Chris Eppstein ) en utilisant zip code> et index code> . Apparemment, un responsable de la SASS a ajouté ces fonctions intégrées en réponse à une question similaire.
Pour citer sa réponse: P>
.border-a { border: 1px solid red; }
.border-b { border: 1px dashed green; }
.border-c { border: 2px solid blue; }
hmm ... Les tableaux multidimensionnels semblent mieux - voir Sass @each avec plusieurs variables et "Solution" Plus élégante "
Attendez - ZIP apporte le tableau multidimensionnel. ça ne fait rien; Je laisserai le lien ci-dessus parce que c'est toujours utile.