UNPKG

2.51 kBSCSSView Raw
1@import "./index-noreset.scss";
2@import "../input/scss/variable.scss";
3@import "../input/scss/mixin.scss";
4@import "../form/scss/mixin.scss";
5
6// 这里写样式只是为了配置的时候能够读取到变量,必须 next-form-element 开头的样式才能被读到
7// 以下样式对组件没有作用
8// TODO: 耦合太重,不应该把配置平台样式放在这里
9
10.demo-body table {
11 width: 100%;
12}
13
14/* stylelint-disable selector-max-class */
15.next-form-element.next-input,
16.next-form-element.next-select .next-input,
17.next-form-element.next-time-picker .next-input {
18 &.next-small {
19 @include input-size($form-element-small-height, $input-s-padding, $form-element-small-font-size, $input-s-label-padding-left, $input-s-icon-padding-right);
20 @include input-icon-size($form-element-small-icon-size);
21 @include input-border-radius($form-element-small-corner);
22 }
23
24 &.next-medium {
25 @include input-size($form-element-medium-height, $input-m-padding, $form-element-medium-font-size, $input-m-label-padding-left, $input-m-icon-padding-right);
26 @include input-icon-size($form-element-medium-icon-size);
27 @include input-border-radius($form-element-medium-corner);
28 }
29
30 &.next-large {
31 @include input-size($form-element-large-height, $input-l-padding, $form-element-large-font-size, $input-l-label-padding-left, $input-l-icon-padding-right);
32 @include input-icon-size($form-element-large-icon-size);
33 @include input-border-radius($form-element-large-corner);
34 }
35
36 // stylelint-disable-next-line
37 .next-select-values input {
38 padding-left: 0;
39 padding-right: 0;
40 }
41}
42
43.next-form-element {
44 .next-form-item-label {
45 color: $form-element-preview-label-color;
46 }
47 &.next-small {
48 .next-form-item-label {
49 font-size: $form-element-small-preview-label-font-size;
50 }
51 @include form-preview($form-element-small-preview-font-size, $form-element-small-preview-height);
52 }
53 &.next-medium {
54 .next-form-item-label {
55 font-size: $form-element-medium-preview-label-font-size;
56 }
57 @include form-preview($form-element-medium-preview-font-size, $form-element-medium-preview-height);
58 }
59 &.next-large {
60 .next-form-item-label {
61 font-size: $form-element-large-preview-label-font-size;
62 }
63 @include form-preview($form-element-large-preview-font-size, $form-element-large-preview-height);
64 }
65}