2017-06-16 6 views
1

は言う。この(SASSマップ):サスマップの動的出力?

$small:(
    side-spacing: 14px 
); 

$medium-aux:(
    side-spacing: 28px 
); 

$large:(
    side-spacing: 38px 
); 

値を受け、上記「を出力機能」を構築する方法はありますか? (偽)のように:これが重複問題ではない、なぜ

build_spacings(14px, 28px, 38px); 

彼らは私に尋ねた:私はSASSマップの具体的、かつグローバルなものをnecessarillyていませんよ。

+0

[Sassのグローバル変数への割り当て方法](https://stackoverflow.com/questions/26260790/how-to-assign-to-a-global-variable-in-sass) –

+0

その質問はこれに対する可能な解決策への道を開くことができますが、それは同じことではありません。草地を探している人は、これを見つけるだろうし、そうでないかもしれない。ここでは、明示的にはグローバルについては言及していません。 – Stratboy

答えて

1

!globalキーワードを使用すると、これらのグローバル変数を設定できます。ここで

は、あなたの質問にマップを生成するコードを働いている:

@mixin build_spacings ($s, $m, $l) { 
    $small: (
    side-spacing: $s 
) !global; 

    $medium-aux: (
    side-spacing: $m 
) !global; 

    $large: (
    side-spacing: $l 
) !global; 
} 

@include build_spacings(14px, 28px, 38px); 

あなたはSassMeisterで働いてそれを見ることができます。