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 |