Comment puis-je citer des chaînes dans le SASS?
J'utilise SASS pour générer un @font-face mixin, cependant ceci:
=remotefont(!name, !url)
@font-face
font-family = !name
src = url(!url + ".eot")
src = local(!name), url(!url + ".ttf") format("truetype")
+remotefont("My font", "/myfont.ttf")
devient:
@font-face {
font-family: My font;
src: url(/myfont.ttf.eot);
src: local(My font), url(/myfont.ttf.ttf) format(truetype); }
Peu importe combien j'essaie, je ne peux pas l'avoir citer "Mes polices" (avec les "!name") ou "truetype" (il enlève les guillemets). Des idées sur comment je peut faire?
Vous devez vous connecter pour publier un commentaire.
Il peut être fait un peu mieux avec de la ficelle interpolation:
Mais je suis d'accord que nous avons besoin d'une meilleure approche pour traiter les chaînes entre guillemets dans le sass. Sass a assez de contexte pour faire quelque chose d'intelligent ici et de ne pas décharger la citation de la logique de l'utilisateur.
Vous pouvez les citer dans vos variables, utilisez guillemets simples à l'intérieur de guillemets. C'est comment je le fais:
Cela permettra de compiler correctement à:
Je pense que vous ne pouvez pas citer dans l'autre sens (c'est à dire des guillemets à l'intérieur des guillemets simples). Faire cela vous donnera des erreurs de compilation.
Espère que contribué à!
Bon, j'ai trouvé que je dois faire:
Merde un peu maladroit de la syntaxe...
À l'aide de http://www.fontsquirrel.com/fontface/generator
J'ai un correspondant mixin Sass:
Cela met des guillemets autour de choses: