source/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2026-02-09 02:49:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

remove less vars @icon-url

Browse Source
This commit is contained in:
HeskeyBaozi
2018-09-03 10:42:47 +08:00
committed by 偏右
parent 193fb2dd98
commit ff44129e6e
3 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/react/customize-theme.en-US.md
View File

@@ -100,10 +100,10 @@ Note: This way will load the styles of all components, regardless of your demand
## How to avoid modifying global styles ?
Currently ant-design is designed as a whole experience and modify global styles (eg `body` etc).
If you need to integrate ant-design as a part of an existing website, it's likely you want to prevent ant-design to override global styles.
Currently ant-design is designed as a whole experience and modify global styles (eg `body` etc).
If you need to integrate ant-design as a part of an existing website, it's likely you want to prevent ant-design to override global styles.
While there's no canonical way to do it, you can take one of the following paths :
While there's no canonical way to do it, you can take one of the following paths :
### Configure webpack to load an alternale less file and scope global styles
@@ -128,8 +128,6 @@ You must import styles as less format. A common mistake would be importing multi
- If you import styles by specifying the `style` option of [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), change it from `'css'` to `true`, which will import the `less` version of antd.
- If you import styles from `'antd/dist/antd.css'`, change it to `antd/dist/antd.less`.
If you want to override `@icon-url`, the value must be contained in quotes like `"@icon-url": "'your-icon-font-path'"` ([A fix sample](https://github.com/visvadw/dvajs-user-dashboard/pull/2)).
## Related Articles
- [Using Ant Design in Sass-Styled Webpack Projects with `antd-scss-theme-plugin`](https://intoli.com/blog/antd-scss-theme-plugin/)