【问题标题】:How to modify CSS variables in Bulma?如何在 Bulma 中修改 CSS 变量?
【发布时间】:2017-02-17 07:25:24
【问题描述】:

我正在使用具有 CSS 变量的 bulma.css,如 here 所示

// Override initial variables here
// You can add new ones or update existing ones:

$blue: #72d0eb // Update blue
$pink: #ffb3b3 // Add pink
$family-serif: "Georgia", serif // Add a serif family

// Override generated variables here
// For example, by default, the $danger color is $red and the font is sans-serif
// You can change these values:

$danger: $orange // Use the existing orange
$family-primary: $family-serif // Use the new serif family

这些需要用 Sass 修改,但我没有使用任何 CSS 预处理器,那么如何在不改变主 CSS 文件和覆盖的情况下修改变量?

【问题讨论】:

    标签: css sass bulma


    【解决方案1】:

    CSS 没有变量。如果不使用预处理器或逐个编辑每个值(SASS 中的变量通常会这样做),则无法编辑变量。

    【讨论】:

    • 但我包含了 bulma.css 的 css 所以,我不知道发生了什么
    • 您需要使用 sass 并包含 bulma.sass/bulma.scss,然后编辑变量,如图所示 here
    • 但我只需要将bulma.css上传到我的服务器
    • 您可以将 SASS 编译为 css。没有其他真正的方法可以做到这一点。
    • 只是为了防止这里出现任何混淆。 CSS 做变量(它们是新的)...讨论中的变量是 SCSS 变量。 developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
    猜你喜欢
    • 1970-01-01
    • 2021-10-20
    • 2017-11-04
    • 2020-05-09
    • 2020-05-29
    • 2021-10-08
    • 2021-09-16
    • 2013-06-02
    • 1970-01-01
    相关资源
    最近更新 更多