感謝 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 |
評論