|
@@ -58,24 +58,6 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
@include b(form) {
|
|
|
@include set-component-css-var('form', $form);
|
|
|
|
|
|
- @include m(label-left) {
|
|
|
- .#{$namespace}-form-item__label {
|
|
|
- justify-content: flex-start;
|
|
|
- }
|
|
|
- }
|
|
|
- @include m(label-top) {
|
|
|
- .#{$namespace}-form-item {
|
|
|
- display: block;
|
|
|
-
|
|
|
- .#{$namespace}-form-item__label {
|
|
|
- display: block;
|
|
|
- height: auto;
|
|
|
- text-align: left;
|
|
|
- margin-bottom: #{map.get($form-item-label-top-margin-bottom, 'default')};
|
|
|
- line-height: #{map.get($form-item-label-top-line-height, 'default')};
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
@include m(inline) {
|
|
|
.#{$namespace}-form-item {
|
|
|
display: inline-flex;
|
|
@@ -92,19 +74,6 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- @each $size in (large, default, small) {
|
|
|
- @include m($size) {
|
|
|
- &.#{$namespace}-form--label-top {
|
|
|
- .#{$namespace}-form-item {
|
|
|
- .#{$namespace}-form-item__label {
|
|
|
- margin-bottom: #{map.get($form-item-label-top-margin-bottom, $size)};
|
|
|
- line-height: #{map.get($form-item-label-top-line-height, $size)};
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
@include b(form-item) {
|
|
@@ -131,15 +100,35 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
height: #{map.get($form-item-line-height, $size)};
|
|
|
line-height: #{map.get($form-item-line-height, $size)};
|
|
|
}
|
|
|
+
|
|
|
@include e(content) {
|
|
|
line-height: #{map.get($form-item-line-height, $size)};
|
|
|
}
|
|
|
+
|
|
|
@include e(error) {
|
|
|
padding-top: #{map.get($form-item-error-padding-top, $size)};
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ @include m(label-left) {
|
|
|
+ .#{$namespace}-form-item__label {
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @include m(label-top) {
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ .#{$namespace}-form-item__label {
|
|
|
+ display: block;
|
|
|
+ height: auto;
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: #{map.get($form-item-label-top-margin-bottom, 'default')};
|
|
|
+ line-height: #{map.get($form-item-label-top-line-height, 'default')};
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
@include e(label-wrap) {
|
|
|
display: flex;
|
|
|
}
|
|
@@ -159,6 +148,7 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
padding: 0 12px 0 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
@include e(content) {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
@@ -173,6 +163,7 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
vertical-align: top;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
@include e(error) {
|
|
|
color: getCssVar('color-danger');
|
|
|
font-size: 12px;
|
|
@@ -202,6 +193,7 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
margin-right: 4px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
&.asterisk-right {
|
|
|
> .#{$namespace}-form-item__label:after,
|
|
|
> .#{$namespace}-form-item__label-wrap
|
|
@@ -232,6 +224,7 @@ $form-item-label-top-margin-bottom: map.merge(
|
|
|
box-shadow: 0 0 0 1px transparent inset;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.#{$namespace}-input__validateIcon {
|
|
|
color: getCssVar('color-danger');
|
|
|
}
|