improving styling for search button

This commit is contained in:
Adam Piontek 2021-07-10 23:03:48 -04:00
parent 7665502e52
commit 576ecfc04c

View file

@ -299,12 +299,21 @@ input.form-control::-ms-reveal { display: none; }
.form-control::placeholder { /* Most modern browsers support this now. */
color: $gray-500 !important;
}
.search-form .btn-outline-light {
color: $gray-300;
border-color: $gray-500;
.search-form {
.btn {
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;
}