나는이지도에서 '헤더'같은 값을 얻을 방법을 알고 <code>map-get()</code> 기능 1D 맵에서 값을 얻을 수 있습니다 알고 있지만 그나마 SCSS

Question

에서 2D 또는 3D 맵에 값을 얻는 방법 : 나는 몇 가지있다

$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)}; 
    } 
    } 
}