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

【问题标题】：I can set a multiple options on one variable in sass and use it?我可以在 sass 中为一个变量设置多个选项并使用它吗？
【发布时间】：2020-07-07 09:50:23
【问题描述】：

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

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

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

【问题讨论】：

mixin 怎么样？
问题是，我不知道怎么用mixin

标签： css sass node-sass

【解决方案1】：

mixin 基本上是用来调用一个样式块，但不返回任何值，不像sass中的函数。

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

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

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

【讨论】：

谢谢你的解释，我可以用这个解决我的问题