Question

我之前使用过sass插值，但我不能为我的生活弄清楚为什么目标数据属性不能编译。它必须与引号相关......我尝试过双重单一，添加@charset'UTF-8';到app.scss（这是一个很长的镜头）。

任何想法？！我打赌这是愚蠢的。注意，类.test如何通过罚款。

@mixin grid-column {
@media #{$small-up} {
    @for $i from 1 through $column-count {
        .test { width: #{$i}; }
        &[data-small="#{$i}"] { width: grid-calc($i, $column-count); }
        }
    }
@media #{$medium-up} {
    @for $i from 1 through $column-count {
        &[data-medium="#{$i}"] { width: grid-calc($i, $column-count); }
        }
    }
@media #{$large-up} {
    @for $i from 1 through $column-count {
        &[data-large='#{$i}'] { width: grid-calc($i, $column-count); }
        }
    }       
}

编译为：

.row .column .test {
  width: 1; }
.row .column[data-small="#{$i}"] {
  width: 8.33333%; }

Answer 1

呃，我明白了。这是因为我使用的是libsass。：P

SCSS插值不起作用

1 个答案: