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
@@ -88,3 +88,22 @@ export default {
 | Event | Description | Arguments |
 | --- | --- | --- |
 | click-step `v2.5.9` | Emitted when a step's title or icon is clicked | _index: number_ |
+
+### Less Variables
+
+How to use: [Custom Theme](#/en-US/theme).
+
+| Name                             | Default Value   | Description |
+| -------------------------------- | --------------- | ----------- |
+| @step-text-color                 | `@gray-6`       | -           |
+| @step-active-color               | `@green`        | -           |
+| @step-process-text-color         | `@text-color`   | -           |
+| @step-font-size                  | `@font-size-md` | -           |
+| @step-line-color                 | `@border-color` | -           |
+| @step-finish-line-color          | `@green`        | -           |
+| @step-finish-text-color          | `@text-color`   | -           |
+| @step-icon-size                  | `12px`          | -           |
+| @step-circle-size                | `5px`           | -           |
+| @step-circle-color               | `@gray-6`       | -           |
+| @step-horizontal-title-font-size | `@font-size-sm` | -           |
+| @steps-background-color          | `@white`        | -           |
@@ -98,3 +98,22 @@ export default {
 | 事件名              | 说明                       | 回调参数        |
 | ------------------- | -------------------------- | --------------- |
 | click-step `v2.5.9` | 点击步骤的标题或图标时触发 | _index: number_ |
+
+### 样式变量
+
+组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+
+| 名称                             | 默认值          | 描述 |
+| -------------------------------- | --------------- | ---- |
+| @step-text-color                 | `@gray-6`       | -    |
+| @step-active-color               | `@green`        | -    |
+| @step-process-text-color         | `@text-color`   | -    |
+| @step-font-size                  | `@font-size-md` | -    |
+| @step-line-color                 | `@border-color` | -    |
+| @step-finish-line-color          | `@green`        | -    |
+| @step-finish-text-color          | `@text-color`   | -    |
+| @step-icon-size                  | `12px`          | -    |
+| @step-circle-size                | `5px`           | -    |
+| @step-circle-color               | `@gray-6`       | -    |
+| @step-horizontal-title-font-size | `@font-size-sm` | -    |
+| @steps-background-color          | `@white`        | -    |