我想做的是
- 循环遍历地图 $breakpoints,
- 拉出每个断点的最小值,
- 根据每个计算一个 em 值,
- 然后将这些用于全局地图 $ms-range
此代码需要生成一个如下所示的变量:
$ms-range:
1.2 20em,
1.333 30em,
1.618 40em,
1.8 50em,
2 60em;
我无法获得返回我想要的格式的函数。也许是地图扩展?!我不知道。我需要一个SASS大师!
萨斯:
$breakpoints: ( s: (320, 479), sm: (480, 767), m: (768, 1023), l: (1024, 1439), xl: (1440, null));
@function returnThatMap() {
@each $name, $values in $breakpoints {
@for $i from 1 through length($name) {
$min: nth($values, 1);
// if the last one
@if ($i == length($name)) {
@return 'calc($i * 1.2) $min / 16 * 1em'
}
// if not the last one
@else {
@return 'calc($i * 1.2) $min / 16 * 1em',
}
}
}
}
$ms-range : returnThatMap() ;
// OUTPUT FORMAT NEEDED below!! (dummy numbers, but correct syntax - ie. number ' ' [number]em,number ' ' [number]em, number ' ' [number]em;)
// $ms-range:
// 1.2 20em,
// 1.333 30em,
// 1.618 40em,
// 1.8 50em,
// 2 60em;
SASSMEISTER 链接: http: //www.sassmeister.com/gist/700f0721fd7940c84435cb1b5210f5d7