如何定制 antd 的样式(theme)

> antd 的组件样式(主题)是支持定制的,它的样式实现是基于 less。官方的订制手册参看 https://github.com/ant-design/ant-design/blob/master/docs/react/customize-theme.zh-CN.mdcss

具体操做时,你还会想要了解,antd 到底暴露了哪些 less 变量以支持定制呢。react

目前个人执行方法是这样的:git

> 先从 antd 的代码中浏览一下要定制的组件样式,自行查看 less 变量。github

好比我要修改`<Divider />`的`margin`,那么:antd

## Example
- 我就打开对应组件的样式源码:
https://github.com/ant-design/ant-design/blob/master/components/divider/style/index.less#L20-L26
- 发现 Line 24 行是我关注的 css 属性,但并无以 less 变量形式实现
- So sad...less


(但我已经表达完执行流程了,就是查看源码中的 less 变量~)ide

相关文章
相关标签/搜索