下载

使用 CSS 变量自定义


了解 Bulma 如何使用 Sass 变量 以便轻松自定义

Bulma 广泛使用了 CSS 变量(也称为 CSS 自定义属性)。在 专门页面 上阅读更多相关信息。

在浏览器中自定义 #

只需 打开开发者控制台 并更改 CSS 变量的值,即可更改当前的 Bulma。

如果您在 :root 范围内设置 CSS 变量,则会覆盖 Bulma 的默认主题。这可以通过 Sass 或 CSS 来完成。

要测试此 CSS 方法,只需按照以下步骤操作

打开浏览器检查器

Step

选择 html 元素

Step

--bulma-link-h 变量(链接颜色的色相)插入一个新值

Step

注意侧边菜单中的 CSS 助手部分如何变色

Step

如何支持 Bulma

#native_company# #native_desc#
#native_cta#