Я могу установить несколько параметров для одной переменной в sass и использовать его?

Question

Позвольте мне объяснить, я хочу сделать что-то подобное в моем коде

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

Создать переменную, которая содержит много атрибутов, а затем использовать ее в качестве глобального параметра, кто-нибудь знает, если это возможно, или как я могу выполнить подобное действие?

Answer 1

Mixin в основном используется для вызова блока стиля, но не возвращает никакого значения в отличие от функции в sass.

Директива @mixin позволяет создавать код CSS, который для повторного использования по всему сайту. Директива @include создана, чтобы позволить вам использовать (включать) миксин.

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

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