是否可以在 Sass 映射循环中使用切片在第二个实例开始循环?

Question

我有一个断点图，如下所示：

$grid-breakpoints: (
xs: 0,
sm: 568px,
md: 768px,
lg: 992px,
xl: 1280px,
xxl: 1500px
) !default;

我需要遍历这些，但是我想在sm断点处开始循环。这是我当前的循环：

@each $name, $value in $grid-breakpoints {
@include media-breakpoint-up(#{$name}) {
@for $i from 1 to 13 {
.. stuff here
}
}
}

到目前为止，我还没有找到一个，但是有没有办法将上面的开场白调整为如下所示：

@each $name, $value in $grid-breakpoints[2:] {

干杯

Answer 1

您可以使用map-move函数，该函数将ArgList作为第二个参数。

演示(萨斯迈斯特(

$grid-breakpoints: (
xs: 0,
sm: 568px,
md: 768px,
lg: 992px,
xl: 1280px,
xxl: 1500px
) !default;

@each $name, $value in map-remove($grid-breakpoints, 'xs', 'sm') {
.. stuff here
}

Answer 2

您可以在循环中检查索引号，如果索引号> 1，则执行某些操作：

$grid-breakpoints: (
xs: 0,
sm: 568px,
md: 768px,
lg: 992px,
xl: 1280px,
xxl: 1500px
) !default;
@each $name, $value in $grid-breakpoints {
$i: index($grid-breakpoints, $name $value);
@if $i>1{
do something...
}
}