SCSS-循环从键2开始的列表

尼尔·摩根

如果我有以下列表:

$breakpoints: (
  all: all,
  xl: 1200,
  lg: 1037,
  md: 797,
  sm: 615,
  xs: 415,
);

@each有没有什么办法来遍历列表中,但无论是先卸下第一个键,或开始在关键的2?

雅各布·E

您可以使用map-remove跳过第一个条目(注意,我添加了* 1px)以获取单位值:)

这不会改变$ breakpoints地图

@each $key, $value in map-remove($breakpoints, all) {
    @media (max-width: $value * 1px){
        // dummy content printing out the breakpoint
        body::before { content: '#{$key}' }
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章