9
votes

Comment puis-je citer des chaînes à Sass?

J'utilise des sasses pour générer un mixin @ font-face, cependant ceci: xxx

devient ceci: xxx non Peu importe combien j'essaie, je ne peux pas avoir citer la "ma police" (avec "nom") ou "TrueType" (il supprime les guillemets). Des idées sur la façon dont je peux faire cela?


0 commentaires

6 Réponses :


3
votes

D'accord, j'ai trouvé que je dois faire:

"\"" + !name + "\""


0 commentaires

8
votes

Il peut être fait un peu mieux en utilisant une interpolation de chaîne: xxx

mais je conviens que nous avons besoin d'une meilleure approche pour traiter les cordes citées en SASS. Sass a suffisamment de contexte pour faire quelque chose d'intelligent ici et ne pas décharger la logique citant à l'utilisateur.


0 commentaires

4
votes

Vous pouvez citer vos variables, utiliser guillemets simples em> à l'intérieur Doubles citations em>. C'est comme ça que je le fais:

.foo{
  font-family: 'Myriad Pro', 'Lucida Sans', Helvetica, Arial, sans-serif; }


0 commentaires

1
votes

en utilisant http://www.fontsquirrel.com/fontface/generator J'ai un mixage Sass correspondant:

=addfont(!name, !url, !family = 0)
  @if !family == 0
    !family = !name
  @font-face
    font-family = "'#{!name}'"
    src = url(!url + ".eot")
    src = local("'#{!name}'"), local("'#{!family}'"), url(!url + ".woff") format("'woff'"), url(!url + ".ttf") format("'truetype'"), url(!url + ".svg#" + !name) format("'svg'")


0 commentaires

0
votes

Cela met citations autour des choses:

@font-face {
  src: url("\"#{$ngx-font-path}/ngx-icon.eot\"");
}


0 commentaires

0
votes

Vous pouvez utiliser la fonction string citation :

font-family: quote(!name)


0 commentaires