twitter-bootstrap - 使用 bootstrap 4 sass 变量创建新的 css 助手类

Question

我想创建一些与颜色帮助器相关的类，比如在 tailwind 中，我们可以使用类似text-red-400or的类定义元素颜色bg-gray-100。

我想用 Bootstrap 4 创建这种帮助类。我注意到_variables.scss文件中已经存在必要的变量：

$blue-100: tint-color($blue, 8) !default;
...
$indigo-100: tint-color($indigo, 8) !default;
...
and so on...

目标是使用所有这些可用变量来创建我的颜色助手类text，background和border。

问题是我对scss 和 webpack 还很陌生，我不知道如何实现这一点，甚至不知道它是否可能。

任何帮助将不胜感激。

谢谢你们。

标签： twitter-bootstrapwebpackbootstrap-4sassscss-mixins