SCSS問題，在小提琴上工作，但不在本地

Question

我一直在尋找一個CSS做曲折邊框的方法，稍後我在codepen上找到了這個例子，這裏是http://codepen.io/anon/pen/artDy，但它沒有包含透明度，所以我決定修改它，我想出了這個代碼，對在線源工程完美（你可以嘗試將其粘貼在鏈接，看看我定製）：

@mixin border-top-serrated($size, $color-outer) { 
& { 
    position: relative; 
    padding-top: $size; 
} 
&:before { 
    top: 0px; 
    @include background(linear-gradient(-135deg, $color-outer $size/2, transparent 0), linear-gradient(135deg, $color-outer $size/2, transparent 0)); 
    @include border-serrated-helper($size, $color-outer); 
}} 
@mixin border-bottom-serrated($size, $color-outer) { 
& { 
    position: relative; 
    padding-bottom: $size; 
} 
&:after { 
    bottom: -30px; 
    background-position: right top; 
    @include background(linear-gradient(4545deg, $color-outer $size/2, transparent 0), linear-gradient(-4545deg, $color-outer $size/2, transparent 0)); 
    @include border-serrated-helper($size, $color-outer); 
}} 
@mixin border-serrated-helper($size, $color-outer) { 
content: " "; 
display: block; 
position: absolute; 
left: 0px; 
width: 100%; 
height: $size; 
background-repeat: repeat-x; 
background-size: $size $size;} 

.serrated { 
background: #dddccf; 
color: #aca8a1; 
text-align: center; 
@include border-bottom-serrated(32px, rgba(255, 0, 0, 0.3));} 

但是當我使用它在正常SCSS文件我的SCSS轉換器告訴我，有一個未定義的mixin background。現在，我看到，實際上，mixin background沒有在任何地方定義。

我怎樣才能使它工作？

Answer 1

在線筆使用名爲bourbon的mixin庫，該庫提供在筆中使用的background mixin。您可以安裝波本寶石紅寶石，然後將該庫導入scss文件中。