这个SASS中用的这个加号和shorthand是什么？

Question

这是几年前写的，从那以后就很少有人用它了。我一直在尝试查找此表示法的文档，但一无所获。

header
  +display(flex)
  +flex-flow(row-reverse wrap)
  +justify-content(flex-start)
  +align-items(center)
  +align-content(flex-start)
  width: 100%

我以为是 shorthand 来自 Bourbon，但没有关于它的任何文档。它来自以前版本的 Bourbon 吗？

Answer 1

似乎旧的 Bourbon flexbox mixins 使用 SASS 语法编写，使用 + 到 @include mixin。

像这样：

@mixin bg-color
  background-color: #ff0000

h1
  +bg-color

对于您的情况，开发人员可能编写了类似的内容：

@import bourbon/bourbon

header
  +display(flex)
  +flex-flow(row-reverse wrap)
  +justify-content(flex-start)
  +align-items(center)
  +align-content(flex-start)
  width: 100%

这些是旧的 Bourbon flexbox mixins：https://www.bourbon.io/docs/4/#flexbox

这个SASS中用的这个加号和shorthand是什么？

What is this plus sign and shorthand used in this SASS?

sass

bourbon