test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 12:08:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

input-box 单独移出来

Browse Source
This commit is contained in:
2betop 2020-05-14 17:06:42 +08:00
parent 61a43410f5
commit 8b6741b88e
5 changed files with 44 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
scss/components/form/_input-box.scss Normal file
View File

@ -0,0 +1,41 @@
.#{$ns}InputBox {
@include input-input();
&.is-error {
border-color: $Form-input-onError-borderColor;
background-color: $Form-input-onError-bg;
}
&.is-focused {
border-color: $Form-input-onFocused-borderColor;
box-shadow: $Form-input-boxShadow;
@if $Form-input-onFocused-bg !=$Form-input-bg {
background-color: $Form-input-onFocused-bg;
}
}
&.is-error.is-focused {
border-color: $Form-input-onError-borderColor;
}
&.is-disabled {
color: $text--muted-color;
background: $Form-input-onDisabled-bg;
border-color: $Form-input-onDisabled-borderColor;
}
&-clear {
@include input-clear();
}
> svg {
display: inline-block;
width: 14px;
color: $icon-color;
}
> a {
cursor: pointer;
}
}

42
scss/components/form/_text.scss
View File

@ -328,45 +328,3 @@
padding: 0 $gap-xs;
}
}
.#{$ns}InputBox {
@include input-input();
&.is-error {
border-color: $Form-input-onError-borderColor;
background-color: $Form-input-onError-bg;
}
&.is-focused {
border-color: $Form-input-onFocused-borderColor;
box-shadow: $Form-input-boxShadow;
@if $Form-input-onFocused-bg !=$Form-input-bg {
background-color: $Form-input-onFocused-bg;
}
}
&.is-error.is-focused {
border-color: $Form-input-onError-borderColor;
}
&.is-disabled {
color: $text--muted-color;
background: $Form-input-onDisabled-bg;
border-color: $Form-input-onDisabled-borderColor;
}
&-clear {
@include input-clear();
}
> svg {
display: inline-block;
width: 14px;
color: $icon-color;
}
> a {
cursor: pointer;
}
}

1
scss/themes/cxd.scss
View File

@ -558,6 +558,7 @@ $Combo--horizontal-dragger-top: px2rem(5px);
@import '../components/form/date';
@import '../components/form/date-range';
@import '../components/form/image';
@import '../components/form/input-box';
@import '../components/form/file';
@import '../components/form/editor';
@import '../components/form/rich-text';

1
scss/themes/dark.scss
View File

@ -221,6 +221,7 @@ pre {
@import '../components/form/date';
@import '../components/form/date-range';
@import '../components/form/image';
@import '../components/form/input-box';
@import '../components/form/file';
@import '../components/form/editor';
@import '../components/form/rich-text';

1
scss/themes/default.scss
View File

@ -86,6 +86,7 @@ $Form-input-borderColor: #cfdadd;
@import '../components/form/date';
@import '../components/form/date-range';
@import '../components/form/image';
@import '../components/form/input-box';
@import '../components/form/file';
@import '../components/form/editor';
@import '../components/form/rich-text';