是否可以使用SASS for循环遍历多个媒体查询?

时间:2019-09-25 11:59:06

标签: css sass

例如,我有类似以下的代码

@for $i from 1 through 100 {
  .t-#{$i} {
    top: 1% * $i;
  }
}

但是我有6组媒体查询,希望将其应用于。例如,这是两个:

@media #{$breakpoint-small} { 
  @for $i from 1 through 100 {
    .t-#{$i} {
      top: 1% * $i;
    }
  }
}
@media #{$breakpoint-large} { 
  @for $i from 1 through 100 {
    .t-#{$i} {
      top: 1% * $i;
    }
  }
}

理想情况下,我可以将它们放入运行每个断点(小,中,大等)的函数中。

1 个答案:

答案 0 :(得分:1)

您可以将断点放入列表中,然后遍历该列表。

awk 'if($2==$2) && if($1==$1){print $3,"MATCH"} else {print $3,"MISMATCH"}}' f1 f2

This answer很有帮助。