感谢 assets/main/scss/_variables.scss
,我们可以更改主题和 Bootstrap 的默认 SCSS 变量。
为什么选择 SCSS 变量?#
虽然我们可以通过 assets/main/scss/_custom.scss
覆盖 CSS,但这最终会增加 CSS 包的大小,但 SCSS 变量不会。
Bootstrap SCSS 变量#
您可以从源代码和官方文档 中找到 Bootstrap 内置的 SCSS 变量。
主题 SCSS 变量#
Palettes#
Palette | Variable |
---|---|
Blue | $palette-blue |
Blue Gray | $palette-blue-gray |
Brown | $palette-brown |
Cyan | $palette-cyan |
Green | $palette-green |
Indigo | $palette-indigo |
Orange | $palette-orange |
Pink | $palette-pink |
Purple | $palette-purple |
Red | $palette-red |
Teal | $palette-teal |
Yello | $palette-yellow |
评论