Files
nairobi/app/assets/stylesheets/advanced_search.scss
Javi Martín 5d37220282 Fix hover colors on buttons to show/hide content
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.
2022-10-23 18:55:38 +02:00

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;
}
}