@for循环中的SASS宽度百分比

Question

还有另一个问题，我似乎无法在任何地方得到回答。

当前正在与需要自定义类来设计其元素样式的团队合作。他们想要一个宽度百分比类，他们可以穿上任何东西以使东西具有一定的百分比宽度。

我做到了：

@for $i from 0 through 100 {
    .width-percentage-#{$i} {
        width: #{$i}% !important;
    }
}

但是IntelliJ抛出错误。

Answer 1

使用DartSass会收到此错误。应该显示以下错误：

  

未定义的操作“ 0％！重要”。

我想DartSass尝试将 SELECT sum(a.netamount) NETAMOUNT ,e.CUSTOMERDESCRIPTOR ,YEAR(BILLDATE) AS DATEYEAR , MONTH (BILLDATE) DATEMONTH FROM syncbill a INNER JOIN ecustomer e ON a.OUTLET=e.CUSTOMERIDENTIFIER and YEAR(BILLDATE) IN ('2018', '2018-1') AND MONTH(BILLDATE) = '09' group by outlet, DATEYEAR, DATEMONTH 作为math operator的模，这是不可能的，因为%不是数字（并且!important是内插的）。您还需要插值$i（%）：

#{"%"}