improving styling for search button
This commit is contained in:
parent
7665502e52
commit
576ecfc04c
1 changed files with 17 additions and 8 deletions
|
@ -299,12 +299,21 @@ input.form-control::-ms-reveal { display: none; }
|
||||||
.form-control::placeholder { /* Most modern browsers support this now. */
|
.form-control::placeholder { /* Most modern browsers support this now. */
|
||||||
color: $gray-500 !important;
|
color: $gray-500 !important;
|
||||||
}
|
}
|
||||||
.search-form .btn-outline-light {
|
.search-form {
|
||||||
color: $gray-300;
|
.btn {
|
||||||
border-color: $gray-500;
|
padding: .25rem .75rem;
|
||||||
|
&.btn-outline-light {
|
||||||
|
color: $gray-300;
|
||||||
|
border-color: $gray-500;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
background-color: inherit;
|
||||||
|
border-color: $secondary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
font-size: 1.375rem;
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.search-form .btn-outline-light:hover {
|
|
||||||
color: $primary;
|
|
||||||
background-color: inherit;
|
|
||||||
border-color: $secondary;
|
|
||||||
}
|
|
Loading…
Reference in a new issue