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

Question

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

在 Less 中我曾经这样做过：

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

.example a {.cFF:)

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

找不到如何在 Scss 中执行此操作...我缺少什么？

Answer 1

将颜色 class 定义为 mixins 然后 include 它们在另一个 class:

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

.example a {
  @include cFF;
}

Answer 2

使用这个：

$color: #912313;

.class{
   color: $color;
}

Complete CSS rule as variable in SCSS