将SCSS表中的所有数字减半

Question

我有一张SCSS图纸，我正在使用一个元素上的大量框阴影。然而，一旦完成绘图，我意识到我需要绘图更小。有没有办法使用Sass函数或mixin将所有数值减半？这是我codepen的链接。这是我的代码：

HTML

<div class="bowser"></div>

SCSS

.bowser {
  height: 0.98em;
  width: 0.98em;
  box-shadow:
    /* row 1 */
    12em 0 $w,
    13em 0 $w,
    14em 0 $w,
    /* row 2 */
    8em 1em $g,
    9em 1em $g,
    10em 1em $w,
    11em 1em $w,
    12em 1em $w,
    13em 1em $t,
    /* etc. etc. */
}

如果使用Sass无法做到这一点，有没有办法使用类似编译器的服务呢？谢谢你的帮助！

Answer 1

是。这是您更新的CodePen http://codepen.io/anon/pen/xdEQXV?editors=1100

@mixin box-shadow-mixin($divide) {
    box-shadow: 12em/$divide 0 $w,
    13em/$divide 0 $w,
    14em/$divide 0 $w,
    8em/$divide 1em/$divide $g,
    etc...
}

然后包括这种方式：

.bowser {
  height: 0.95em;
  width: 0.95em;
  @include box-shadow-mixin(4);
}