我可以在 sass 中的一个变量上设置多个选项并使用它吗？

Question

让我自己解释一下，我想在我的代码中做这样的事情

$varible:{
 display: inline-block;
 width: 14px;
 height: 14px;
}
.circle{
   &:nth-child(1){
      &::after{
        $varible;
        position:absolute;
        ...
      }
   }
}

创建一个包含很多属性的变量，然后将其用作全局设置，有人知道这是否可行，或者我如何执行这样的操作？

Answer 1

Mixin 基本上用于调用样式块，但不会 return 任何值，这与 sass.

中的函数不同

@mixin 指令可让您创建 CSS 代码，以便在整个网站中重复使用。创建 @include 指令是为了让您使用（包含）mixin。

@mixin variable{
   display: inline-block; 
 width: 14px; 
 height: 14px;
 }

 .circle{    
&:nth-child(1){
      &::after{
        @include: variable;
        position:absolute;
        ...
      } 
   }}

我可以在 sass 中的一个变量上设置多个选项并使用它吗？

I can set a multiple options on one variable in sass and use it?

css

sass

node-sass