(fix) search input color

This commit is contained in:
Gabriel Rodriguez Alsina 2019-01-02 11:01:23 -03:00
parent 0cb1d22b20
commit 333a964df3
2 changed files with 15 additions and 8 deletions

View File

@ -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