refactor: add background color to state mod and remove transitions

sebnitu · May 25, 2021 · 458549d · 458549d
1 parent dcb86ee
commit 458549d
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 5 deletions.
diff --git a/docs/dist/styles.css b/docs/dist/styles.css
diff --git a/docs/dist/styles.css.map b/docs/dist/styles.css.map
diff --git a/docs/dist/styles.min.css b/docs/dist/styles.min.css
diff --git a/docs/dist/styles.min.css.map b/docs/dist/styles.min.css.map
diff --git a/packages/input/src/_input.scss b/packages/input/src/_input.scss
@@ -12,7 +12,6 @@ $_b: var.$prefix-block;
   max-width: 100%;
   min-height: var.$min-size;
   padding: var.$padding;
-  transition: box-shadow core.$transition-duration core.$transition-timing-function;
   border: var.$border;
   border-radius: var.$border-radius;
   background: var.$background;

diff --git a/packages/input/src/_input_state.scss b/packages/input/src/_input_state.scss
@@ -8,6 +8,7 @@ $_v: var.$prefix-modifier-value;
 
 .#{$_b}input#{$_m}state#{$_v}info {
   @include mix.box-shadow("default", rgba(core.$info, 1));
+  background-color: core.$info-lighter;
 
   &:hover {
     @include mix.box-shadow("hover", rgba(core.$info, 1));
@@ -20,6 +21,7 @@ $_v: var.$prefix-modifier-value;
 
 .#{$_b}input#{$_m}state#{$_v}success {
   @include mix.box-shadow("default", rgba(core.$success, 1));
+  background-color: core.$success-lighter;
 
   &:hover {
     @include mix.box-shadow("hover", rgba(core.$success, 1));
@@ -32,6 +34,7 @@ $_v: var.$prefix-modifier-value;
 
 .#{$_b}input#{$_m}state#{$_v}caution {
   @include mix.box-shadow("default", rgba(core.$caution, 1));
+  background-color: core.$caution-lighter;
 
   &:hover {
     @include mix.box-shadow("hover", rgba(core.$caution, 1));
@@ -44,6 +47,7 @@ $_v: var.$prefix-modifier-value;
 
 .#{$_b}input#{$_m}state#{$_v}danger {
   @include mix.box-shadow("default", rgba(core.$danger, 1));
+  background-color: core.$danger-lighter;
 
   &:hover {
     @include mix.box-shadow("hover", rgba(core.$danger, 1));