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
@@ -53,3 +53,13 @@ Vue.use(Panel);
 | default | Default slot  |
 | header  | Custom header |
 | footer  | Custom footer |
+
+### Less Variables
+
+How to use: [Custom Theme](#/en-US/theme).
+
+| Name                      | Default Value             | Description |
+| ------------------------- | ------------------------- | ----------- |
+| @panel-background-color   | `@white`                  | -           |
+| @panel-header-value-color | `@red`                    | -           |
+| @panel-footer-padding     | `@padding-xs @padding-md` | -           |
@@ -57,3 +57,13 @@ Vue.use(Panel);
 | default | 自定义内容    |
 | header  | 自定义 header |
 | footer  | 自定义 footer |
+
+### 样式变量
+
+组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
+
+| 名称                      | 默认值                    | 描述 |
+| ------------------------- | ------------------------- | ---- |
+| @panel-background-color   | `@white`                  | -    |
+| @panel-header-value-color | `@red`                    | -    |
+| @panel-footer-padding     | `@padding-xs @padding-md` | -    |