首页 热点专区 小学知识 中学知识 出国留学 考研考公
您的当前位置:首页正文

semantic-ui(2)

2024-12-20 来源:要发发知识网

修改默认样式

推荐 修改src\site\ *.variable 文件

1. 以button为例

(1) 先找到src/site/element目录下的文件,找到button.variables

button_variables.png

(2) 打开button.variables文件,添加要修改的样式(参考site/globals/site.variables应该是semantic\src\themes\default\globals文件中的名称),本例中修改了button中的primaryColor的属性,将其默认的蓝色改为#0F0

button_color.png

(3) 回到semantic目录,运行命令行:gulp build-css (只重新编译css文件)即可

修改后.png

(4) 如果想恢复修改,在button.variables文件中删除修改代码,重新gulp build-css即可。

显示全文