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 |
|
7 |
|
8 |
|
9 |
|
10 | .demo-body table {
|
11 | width: 100%;
|
12 | }
|
13 |
|
14 |
|
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 |
|
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 | }
|