完整的 CSS 规则作为 SCSS 中的变量

Question

我习惯于使用 Less... 并且，由于事实
Scss 变得越来越流行我现在正在切换到 Scss

在 Less 中我是这样做的：

.cFF {color: #fff;}
.c00 {color: #000;}

.example a {.cFF:)

我正在尝试找到一种将完整的 CSS 值用作变量的方法
我知道我可以只使用颜色。

在 Scss 中找不到如何做到这一点...我错过了什么？

Answer 1

将颜色类定义为mixins，然后在另一个类中定义include：

@mixin cFF {color: #fff;}
@mixin c00 {color: #000;}

.example a {
  @include cFF;
}

More Info

Answer 2

使用这个：

$color: #912313;

.class{
   color: $color;
}