Question

我有一个for循环，我发送到mixin，但是当我在-webkit-transform: rotate(($number*30)deg);中实际进行数学运算时，我想从计数中减去1，我一直得到无效的css错误。

@mixin rotate($count){
  $number: #{$count}{-1};
    .sk-circle#{$count} {
    -webkit-transform: rotate(($number*30)deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}

@for $i from 2 through 12{
  @include rotate($i)
}

Answer 1

代码中的一些问题：

从relative定义中删除.profile-header { padding-top: 2em; padding-bottom: 1.75em; background-color: #fff; } .profile-name { padding-top: 0.75em; padding-bottom: 0.75em; font-size: 1.75em; text-align: center; font-weight: bold; } .profile-rating { text-align: center; font-size: 1.5em; padding-bottom: 0.75em; } .profile-join-date { text-align: center; display: inline-block; width: 100%; margin: 0 auto; } .ddd { float: right; display: inline-block; font-size: 2em; padding-right: 0.5em; position: absolute; right: 0; top: 0; } .ee { width: 100%; position: relative; }。
您可以将#乘以$number，然后添加单位

以下是更新版本：

$number

汇编为：

Xdeg

SCSS mixin中的数学作为for循环的一部分

1 个答案: