semantic-ui(2)

修改默认样式

推荐 修改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即可。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • mean开发系列工具篇之gulp
    前言 本文默认你已经安装好node环境，并且熟悉node命令，和window cd命令。 gulp简介 基于nod...
    9I阅读 1,995评论 4赞 50
  • Gulp和Webpack的差异
    在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,513评论 1赞 32
  • Semantic UI 自定义样式
    首先我看到的是.csscomb.json文件，我不知道这是什么，于是我百度了一下，这是一个csscomb的配置文件...
    Nodelover阅读 8,991评论 0赞 3
  • gulp
    安装Gulp首先需要安装Node.js，并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 960评论 0赞 1
  • 国庆假期第一天作业情况
    1.地理作业本 2.地理试卷两张 3.物理作业本的探究专题和单元自测的选择题 4.看了寿司之神还没写读后感～
    OngZiyang阅读 201评论 2赞 0