SCSSシートのすべての数値を半分にする

Question

私は1つの要素に多数のボックスシャドウを使用して作業している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. */ 
} 

これはサスを使用できない場合は、コンパイラのようなサービスを使用してそれを行う方法はありますか？助けてくれてありがとう！

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); 
}