semantic 样式修改

需求:在原有默认样式的基础上,想要自定义网站的样式。

一、修改less文件

举个例子,如果我想修改菜单的样式,在semantic/src/collections里的menu.overrides,重写上你要的样式。
目录:

semantic 样式修改_第1张图片
Paste_Image.png

代码:

semantic 样式修改_第2张图片
Paste_Image.png

二、使用gulp编译less

安装好semantic需要的node模块后,直接运行命令:

gulp build-css
Paste_Image.png
semantic 样式修改_第3张图片
Paste_Image.png

你可能感兴趣的:(semantic 样式修改)