如何有键，值和索引号在一个循环从Sass地图?

Question

我在弄清楚如何一次获得所有三个变量时遇到问题。

我有一张地图$breakpoints:

$breakpoints: (
'large': 1200px,
'medium': 1024px,
'tablet': 768px,
'mini': 480px
) !default;

和index()函数这样开始的循环:

@each $key, $value in $breakpoints {
$i: index($breakpoints, $key);
}

或

@each $key, $value in $breakpoints {
$i: index($breakpoints, ($key: $value));
}

@each $key, $value in $breakpoints {
$i: index($breakpoints, $value);
}

只使用值，不使用键(不工作):https://stackoverflow.com/a/24243797/6368685

什么都不工作。它总是空的。index()函数似乎是票，除了它只出现在列表中。https://stackoverflow.com/a/53155930/6368685

我也看了也许而不是@each得到所有三个通过@for循环。但是我找不到得到所有三个值的答案。这可能吗?

Answer 1

试试这个方法=>

$breakpoints: (
"large": 1200px,
'medium': 1024px,
'tablet': 768px,
'mini': 480px
) !default;
@each $key, $value in $breakpoints{
$i: index($breakpoints, $key $value);
.test {
margin: #{$i}rem;
}
}

我在这个sass-online编译器上测试了它，它工作得很好。

gulp-boilerplate