SASS参考(SASS Reference)
描述 (Description)
您可以使用SASS参考更改组件的样式。
变量 (Variables)
下表列出了项目设置文件中的SASS变量，这些变量使该组件的默认样式可以自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $fieldset-border 自定义字段集的默认边框。 | Border | 1px solid $ medium-grey |
| 2 | $fieldset-padding 自定义字段集的默认内部填充。 | Number | rem-calc(20) |
| 3 | $fieldset-margin 自定义字段集的默认边距。 | Number | rem-calc（18 0） |
| 4 | $legend-padding 默认情况下，在图例文本和字段集边框之间填充。 | Number | rem-calc（0 3） |
| 5 | $form-spacing 表单元素的全局间距。 | Number | rem-calc(16) |
| 6 | $helptext-color 帮助文本的默认颜色。 | Color | #333 |
| 7 | $helptext-font-size 默认情况下帮助文本的字体大小。 | Number | rem-calc(13) |
| 8 | $helptext-font-style 默认情况下帮助文本的字体样式。 | Keyword | italic |
| 9 | $input-prefix-color 表示前缀为输入的标签的颜色。 | Color | $black |
| 10 | $input-prefix-background 标签的背景颜色以输入为前缀。 | Color | $light-gray |
| 11 | $input-prefix-border 标签周围的边框将以输入为前缀。 | Border | 1px solid $ medium-grey |
| 12 | $input-prefix-padding 前/后固定输入标签的左/右填充。 | 1rem | |
| 13 | $form-label-color 表示表单标签的颜色。 | Color | $black |
| 14 | $form-label-font-size 表示表单标签的字体大小。 | Number | rem-calc(14) |
| 15 | $form-label-font-weight 表示表单标签的字体粗细。 | Keyword | $global-weight-normal |
| 16 | $form-label-line-height 表单标签的行高。 数字越大表示标签和输入字段之间的空间越大。 | Number | 1.8 |
| 17 | $select-background 表示所选菜单的背景颜色。 | Color | #fafafa |
| 18 | $select-triangle-color 下拉三角形的颜色。 设置transparent以完全删除它。 | Color | #333 |
| 19 | $select-radius 表示选择菜单的默认半径。 | Color | $global-radius |
| 20 | $input-color 表示文本输入的字体颜色。 | Color | $black |
| 21 | $input-font-family 表示文本输入的字体系列。 | Font | inherit |
| 22 | $input-font-size 表示文本输入的字体大小。 | Number | rem-calc(16) |
| 23 | $input-background 表示文本输入的背景颜色。 | Color | $white |
| 24 | $input-background-focus 表示聚焦文本输入的背景颜色。 | Color | $white |
| 25 | $input-background-disabled 禁用的文本输入的背景颜色。 | Color | $light-gray |
| 26 | $input-border 表示文本输入周围的边框。 | Border | 1px solid $ medium-grey |
| 27 | $input-border-focus 表示聚焦文本输入周围的边框。 | Color | 1px solid $dark-gray |
| 28 | $input-shadow 在未聚焦时表示文本输入中的框阴影。 | Shadow | 插入0 1px 2px rgba（$ black，0.1） |
| 29 | $input-shadow-focus 聚焦时表示文本输入外的框阴影。 | Shadow | 0 0 5px $中灰色 |
| 30 | $input-cursor-disabled 表示悬停在禁用的文本输入上时要使用的游标。 | Cursor | default |
| 31 | $input-transition 表示要在文本输入上转换的属性。 | Transition | box-shadow 0.5s，border-color 0.25s ease-in-out |
| 32 | $input-number-spinners 启用Chrome和Firefox添加到《input type='number'》元素的向上/向下按钮。 | Boolean | true |
| 33 | $input-radius 表示文本输入的半径。 | Border | $global-radius |
