J'utilise des sasses pour générer un mixin @ font-face, cependant ceci: devient ceci: p>
6 Réponses :
D'accord, j'ai trouvé que je dois faire:
"\"" + !name + "\""
Il peut être fait un peu mieux en utilisant une interpolation de chaîne: 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. P> p>
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; }
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'")
Cela met citations autour des choses:
@font-face { src: url("\"#{$ngx-font-path}/ngx-icon.eot\""); }