SCSS 在插值中传递数值

SCSS Passing numeric value in Interpolation

提问人:Ragunath Srinivasan 提问时间:4/24/2023 更新时间:4/24/2023 访问量:31

问:

这是行不通的,需要帮助,我错过了什么吗??

我正在尝试实现@for $i的可变数值.....通过。。。。{...,传自mixin

$colors: ('primary': #000, 'secondary': #fff);

@mixin titleTxt($title, $start, $end) {
  @for $i from #{$start} through #{$end} {
    @if $i % 2==0 {
      .#{$title}-#{$i} {
        color: #000;

        @each $name,
        $color in $colors {
          &-#{$name} {
            color: #{$color};
          }
        }
      }
    }
  }
}

@include titleTxt("text", 16, 24)

sass less scss-mixins scss-lint lesscss-resources

评论


答:

0赞 Mathias Falkenberg 4/24/2023 #1

该行正在对开始和结束参数执行字符串插值,这会导致“不是数字”错误。@for $i from #{$start} through #{$end}

删除字符串插值语法,只需使用即可解决您的问题#{...}@for $i from $start through $end