// 2. Set your own initial variables
$orange: #ffb14a;
$blue: #99abe0;
// 3. Set the derived variables
// Use the new orange as the primary color
$primary: $orange;
$secondary: $blue;
// 4. Import the rest of Bulma
@import "../node_modules/bulma/bulma";
.new-class {
background-color: $primary;
border-top: 2px solid $secondary;
}
1条答案
按热度按时间c3frrgcw1#
Bulma Start是自定义项目的简单方法。设置Bulma并运行watchers(css & js),以便代码更改会反映在浏览器中:
在
_sass/main.scss
中,按照注解说明添加新颜色。下面是一个例子:要进行更广泛的定制和主题化,我建议研究Bulma站点上的Customize文档,以便使用scss创建定制实现。
下面是Bulma网站上的一个例子,可以用scss快速定制。