(fix) search input color
This commit is contained in:
parent
0cb1d22b20
commit
333a964df3
|
@ -27,6 +27,17 @@
|
|||
@include content-layout-width();
|
||||
}
|
||||
|
||||
@mixin input-color($placeholder-color, $input-color) {
|
||||
&,
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:active {
|
||||
color: $input-color;
|
||||
}
|
||||
|
||||
@include placeholder-full($color: $placeholder-color);
|
||||
}
|
||||
|
||||
.sw-SearchBar_Input {
|
||||
background-color: transparent;
|
||||
background-position: 0 50%;
|
||||
|
@ -43,22 +54,18 @@
|
|||
padding-left: 30px;
|
||||
width: 100%;
|
||||
|
||||
&,
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@include placeholder-full($color: rgba(255, 255, 255, 0.5));
|
||||
|
||||
&#{ & }-core {
|
||||
@include input-color(rgba(255, 255, 255, 0.5), #fff);
|
||||
background-image: url('#{ $base-images-path }/SearchBar/core.svg');
|
||||
}
|
||||
&#{ & }-sokol {
|
||||
@include input-color(rgba(255, 255, 255, 0.5), #fff);
|
||||
background-image: url('#{ $base-images-path }/SearchBar/sokol.svg');
|
||||
}
|
||||
&#{ & }-dai {
|
||||
@include input-color(rgba(51, 51, 51, 0.5), #333);
|
||||
background-image: url('#{ $base-images-path }/SearchBar/dai.svg');
|
||||
}
|
||||
}
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue