2017-12-27 90 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)}; 
    } 
    } 
}