如何讓價值在2D或3D地圖在SCSS

Question

我知道能在一維圖獲得價值與map-get()功能，但不知道怎麼樣在這個地圖「頭」得到的值：

$mobile-layout: (
    layout-values: (
    header: (
     height: 72px 
    ), 
    sidebar: (
     width: 100% 
    ) 
    ) 
); 

Answer 1

我有一對夫婦嵌套循環解決方案...

DEMO

3環

@each $key, $val in $mobile-layout { 
    @each $k, $v in $val { 
    @each $l, $t in $v { 
     .#{$k} { 
     .#{$l}: #{$t}; 
     } 
    } 
    } 
} 

2迴路

@each $key, $val in $mobile-layout { 
    @each $k, $v in $val { 
    .#{$k} { 
     .#{map-keys($v)}: #{map-values($v)}; 
    } 
    } 
}