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

标签 sass

我刚开始使用 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...")

最佳答案

语法错误。

使用 @include box-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.075), inset);
(在 2014 年进行了编辑,包括过去几年对 Sass 语法的更改)

关于SASS,调用 mixin 的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10435056/

相关文章:

ruby - Sinatra 自定义 SASS 目录

css - 在 SASS 中重新排序我的代码?

CSS @导入 "~materlize-css"|使用 Webpack |没有制作风格

css - 如何覆盖scss中的两个 map

css - 为什么我的 SASS @import 转到我的 CSS @import?

css - rails 4.0 中 sass-rails 助手 "image_url"和 "asset_url"之间的区别?

css - webpack:在 vue 应用程序选择器下确定所有 SCSS 的范围

html - SCSS overlay display none 还在显示

php - 既然可以直接使用 PHP,为什么还要 Sass 或 LESS?

css - 减小雪佛龙箭头的 Angular ?