(fix) search input color
This commit is contained in:
parent
0cb1d22b20
commit
333a964df3
|
@ -27,6 +27,17 @@
|
||||||
@include content-layout-width();
|
@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 {
|
.sw-SearchBar_Input {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-position: 0 50%;
|
background-position: 0 50%;
|
||||||
|
@ -43,22 +54,18 @@
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
&,
|
|
||||||
&:focus,
|
|
||||||
&:hover,
|
|
||||||
&:active {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include placeholder-full($color: rgba(255, 255, 255, 0.5));
|
|
||||||
|
|
||||||
&#{ & }-core {
|
&#{ & }-core {
|
||||||
|
@include input-color(rgba(255, 255, 255, 0.5), #fff);
|
||||||
background-image: url('#{ $base-images-path }/SearchBar/core.svg');
|
background-image: url('#{ $base-images-path }/SearchBar/core.svg');
|
||||||
}
|
}
|
||||||
&#{ & }-sokol {
|
&#{ & }-sokol {
|
||||||
|
@include input-color(rgba(255, 255, 255, 0.5), #fff);
|
||||||
background-image: url('#{ $base-images-path }/SearchBar/sokol.svg');
|
background-image: url('#{ $base-images-path }/SearchBar/sokol.svg');
|
||||||
}
|
}
|
||||||
&#{ & }-dai {
|
&#{ & }-dai {
|
||||||
|
@include input-color(rgba(51, 51, 51, 0.5), #333);
|
||||||
background-image: url('#{ $base-images-path }/SearchBar/dai.svg');
|
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