SASS,调用mixin的正确方法是什么？

Question

我刚刚开始使用SASS,我正在试图弄清楚如何创建一个盒子阴影混合...

我从另一个堆栈溢出帖子中复制了这个mixin ..

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {

      -webkit-box-shadow:$top $left $blur $color #{$inset};
      -moz-box-shadow:$top $left $blur $color #{$inset};
      box-shadow:$top $left $blur $color #{$inset};
    }

但是我不确定如何格式化我的 @include

到目前为止,这是我的@include

@include box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

这是我的输出错误......

error(Line 1003: Invalid CSS after "...lude box-shadow": expected "}", was ": inset 0 1px 1...")

Answer 1

语法错误.

使用 @include box-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.075), inset);

(2014年编辑,包括在过去几年中对Sass'语法的更改)

Answer 2

我是Sass的新手,接受的答案对我不起作用; 值的顺序看起来是错误的,并且值在每个值之后也需要逗号.我使用了以下内容:

@include box-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.075), inset);