Question

例如以下来自sass。这只是@mixin的简写吗？我似乎无法在谷歌上找到任何相关信息

=multi-line-button($base-color)
  +background-clip('padding-box')
  border-width: 1px
  +border-radius(6px)
  border-style: solid
  color: white
  display: block
  margin: 0.2em auto
  padding: 12px 15px
  text-align: center
  text-decoration: none

Answer 1

是的，这是在Sass中定义mixins的方法

dunno如果this article会有所帮助

编辑：

以下是相同的

@mixin red-text
  color: #ff0000

=red-text
  color: #ff0000

只需将+red-text添加到您的选择器

即可

Answer 2

“@ mixin foobar”是较新的SCSS语法（更像CSS），“= foobar”是较旧的SASS语法（更像HAML）。我对SASS很新，从SCSS开始，但都支持（可能不在同一个样式表中），并且两者都将继续得到支持。

在sass中= =意味着什么

2 个答案: