SASS中的加号是什么意思?

16
我正在阅读 bulma 的代码,我不太理解 SCSS 中在变量前使用 "+" 的含义。
这是一个使用"+"符号的代码片段:
  +mobile
    &.is-narrow-mobile
      flex: none
    &.is-full-mobile

那么它是什么?

1个回答

25

当使用缩进语法时,@include的简写形式为 +

在声明新的mixin时,你也可以将@mixin mixinName 替换为 =mixinName


1
=mobile 被定义为 =mobile @media screen and (),并带有额外的一行 @content。因此,可以在其中注入 flex: none。我认为我们需要这个来理解 +。请查看此处的示例:https://github.com/jgthms/bulma/blob/master/sass/utilities/mixins.sass - windmaomao
4
这些简写的官方名称是“Indented Mixin Syntax”(缩进混合语法)。 - Arkellys

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接