如何让价值在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)}; 
    } 
    } 
}