スタイラスCSSでフォントフェイス@ループ

Question

のは、私はこのようなハッシュを宣言しましょう：

--font = { 
    open-sans: "OpenSans", 
    bebas-neue: "BebasNeue", 
    uni-sans-thin: "UniSansThin", 
    uni-sans-heavy: "UniSansHeavy", 
    uni-sans-thin-italic: "UniSansThinItalic", 
    uni-sans-heavy-italic: "UniSansHeavyItalic", 
} 

がループへの道は、フォントを介していたし、それらの上にする@ font-faceを行う場合、私は思っていました。ここで

が実装例です：

for key, value in --font 
    @font-face 
    font-family: value 
    src: url("../assets/fonts/" + {key} + ".otf") format("opentype") 

しかし、これは動作していないし、私の推測では、スタイラスが通じため「する@ font-face」のループにできないことである代わりに、このエラーがスローされます。

expected "indent", got "atrule font-face"

私の質問はこれも可能なのかどうか、もしそうでなければ別の方法がありますか？理由は、私ができるだけ乾燥したいからです。

Answer 1

実際に分かりました。補間はすべて間違っていました。このようにすると仮定されています

for key, value in --font 
    @font-face 
     font-family: value 
     src: url("../assets/fonts/" + value + ".otf") format("opentype") 

そして、私の問題に貢献したように、私はまた、代わりに、実際のタブのスペースを使用していました。私はこれが可能であったことを本当にうれしく思っています！