2017-12-27 440 views
1

我知道能在一維圖獲得價值與map-get()功能,但不知道怎麼樣在這個地圖「頭」得到的值:如何讓價值在2D或3D地圖在SCSS

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

我找到了一個樣本,但不是最好的解決方案.https://codepen.io/and1lt/pen/oZEyxe –

回答

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