如何使用 sass 在 Bootstrap 4 中创建一组新的颜色样式

我开始浏览精彩的 Bootstrap 4，我想知道如何向 _custom.scss 添加一组全新的元素颜色

示例：现在您有 btn-danger、text-danger 等...如何创建，例如，使用随机名称：“crisp”集...这样您将拥有 btn-crisp、text-crisp 等...

我的猜测是从添加变量开始

$brand-crisp: #color !default;

但是，然后呢？谢谢！我感谢您的帮助。

没有全包的颜色混合，所以我认为你需要单独使用混合......

.btn-custom {
    @include button-variant(#cece19, #222222, #cece19);
}

.btn-custom-outline {
    @include button-outline-variant(#222222);
}

.card-custom {
    @include card-variant(#aa9999, #997777)
}

http://codeply.com/go/MKGQCrLwDs

Update:在 Bootstrap 4 中，您现在can创建一个新的自定义“主题颜色”，如中所述我的回答在这里。这将允许您在任何地方使用颜色，例如btn-custom, text-custom, bg-custom, etc...

更新引导程序4.1

按钮 mixins 略有变化，现在需要添加参数......

.btn-custom {
    @include button-variant(#cece19, #222222, #cece19, #cece19, #cece19, #cece19);
}

.btn-custom-outline {
    @include button-outline-variant(#222222, #cece19, #222222, #cece19);
}

@import "bootstrap";