docs: display all less variables (#7604)

2020-11-22 16:02:46 +08:00
parent 0b2b3a91b5
commit 862adcd8eb
126 changed files with 2330 additions and 14 deletions
@@ -87,3 +87,14 @@ export default {
 | Event | Description                       | Arguments      |
 | ----- | --------------------------------- | -------------- |
 | click | Emitted when component is clicked | _event: Event_ |
+
+### Less Variables
+
+How to use: [Custom Theme](#/en-US/theme).
+
+| Name                            | Default Value     | Description |
+| ------------------------------- | ----------------- | ----------- |
+| @contact-card-padding           | `@padding-md`     | -           |
+| @contact-card-add-icon-size     | `40px`            | -           |
+| @contact-card-add-icon-color    | `@blue`           | -           |
+| @contact-card-value-line-height | `@line-height-md` | -           |
@@ -86,3 +86,14 @@ export default {
 | 事件名 | 说明       | 回调参数       |
 | ------ | ---------- | -------------- |
 | click  | 点击时触发 | _event: Event_ |
+
+### 样式变量
+
+组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+
+| 名称                            | 默认值            | 描述 |
+| ------------------------------- | ----------------- | ---- |
+| @contact-card-padding           | `@padding-md`     | -    |
+| @contact-card-add-icon-size     | `40px`            | -    |
+| @contact-card-add-icon-color    | `@blue`           | -    |
+| @contact-card-value-line-height | `@line-height-md` | -    |