We were setting the color to be the same as links, but forgot to do the same on hover. Using the `link` mixin solves the issue.
54 lines
822 B
SCSS
54 lines
822 B
SCSS
.advanced-search-form {
|
|
@include grid-row-nest;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
@include breakpoint(large) {
|
|
.filter {
|
|
@include grid-column;
|
|
width: 33%;
|
|
}
|
|
|
|
.date-filters {
|
|
float: left;
|
|
width: 33%;
|
|
|
|
.filter {
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-date-filters {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
.submit {
|
|
width: 33%;
|
|
}
|
|
}
|
|
|
|
> [aria-expanded] {
|
|
@include xy-gutters;
|
|
@include link;
|
|
margin-top: $line-height;
|
|
margin-bottom: $line-height;
|
|
max-width: max-content;
|
|
|
|
@include breakpoint(medium) {
|
|
align-self: flex-end;
|
|
margin-bottom: 0;
|
|
margin-top: $line-height / 4;
|
|
}
|
|
}
|
|
|
|
.general-search,
|
|
.filter,
|
|
.submit {
|
|
@include grid-column-gutter;
|
|
}
|
|
|
|
select {
|
|
height: $line-height * 2;
|
|
}
|
|
}
|