代码之家 › 专栏 › 技术社区 › Stéphane GRILLON

如何使用variable.scss更改引导程序中主按钮的颜色?

sass twitter-bootstrap

Stéphane GRILLON · 技术社区 · 5 年前

我用 variable.scss 文件以自定义我的按钮。我的问题是 不使用CSS,只使用SCSS .

我从改变原色(66CCCC)和字体(机器人板)开始:

$primary: #66cccc;
$font-family-base: RobotoSlab;

但是我想要文本的白色(见screensot),但是我的字体是黑色的

引导程序根据主颜色计算黑白颜色(如果它比较暗或浅)

1 回复 | 直到 5 年前

rkm 5 年前

引导程序根据背景色定义文本颜色,并使文本变亮或变暗,这是正确的。但它可以配置。

如果深入挖掘,您将看到引导程序使用函数 color-yiq ( source )以确定文本应为深色还是浅色。所以基本上你需要两件事来获得按钮的白色文本:

推荐文章

delves · Sass不识别变量

2 年前

Nathan Huber · 如何在React 18中使用“useEffect”

2 年前

Janosz ÐÑÐ°ÑÐ¸ÑÐ½Ð¸Ðº · 如何瞄准这个i标签

2 年前

Henry · scss或css中的calc函数不起作用

2 年前

Nam Van · 如何在React中使用自定义主题颜色。js,CSS(SCSS)模块,Bootstrap5

2 年前

rook99 · 无法加载图标的字体

6 年前

Glen Elkins · SASS新手-不编译

6 年前

Toki · SASS在Sublime Text-Compile main中。保存任何@导入文件时的scss

6 年前

zed · 防止SCS编译CSS变量-Angular CLI

6 年前

sliptype · 使用Webpack提取CSS时抑制模块输出

6 年前