將嵌套的Sass地圖隔離到新地圖中

Question

如何將嵌套的Sass貼圖隔離到新貼圖中？ 例如我有這樣的sass map：

$susy-setting: (
  s: (
    'columns': 4,
    'gutters': 30px,
  ),

  m: (
    'columns': 8,
    'gutters': 30px,
  ),

  l: (
    'columns': 12,
    'gutters': 30px,
  )
);

然后，我需要在循環后隔離每個映射，因為我的其他mixin需要映射為其參數。

@each $setting in $susy-setting{
    @include susy-settings-block($setting) { // This mixin need map
        @for $i from 1 through map-get($setting, 'columns') {
            @content;
        }
    }
}

Answer 1

要回答您的主要問題，您需要在循環中同時獲取鍵和值： @each $size, $setting in $susy-setting 。 $size變量將存儲鍵（例如s ， m ， l ），而$setting變量將存儲分配給該鍵的映射值。

編輯：我看到你對我的要旨的評論，這提供了更多的上下文。 嘗試這個：

@mixin susy-settings-block(
  $name, 
  $config: $susy-settings
) {
  // store the old settings
  $global: $susy;

  // Get the new settings by name
  $new: map-get($config, $name);

  // apply the new settings
  $susy: map-merge($susy, $new) !global;

  // allow nested styles, using new settings
  @content;

  // return to the initial settings
  $susy: $global !global;
}