Style function filters differently

This commit is contained in:
Andrea Cardaci 2018-10-09 16:13:16 +02:00
parent c18a67547e
commit 92742cdda1

View File

@ -91,26 +91,33 @@ h2, h3, h4, h5, h5 {
#bin-search-wrapper { #bin-search-wrapper {
margin: 50px 0; margin: 50px 0;
padding: 10px 0; padding: 10px 0;
position: relative; // XXX needed for tooltip sizing position: relative; // XXX needed for tooltip sizing
#bin-search-filters { #bin-search-filters {
text-align: center; text-align: center;
a:hover:before { a {
content: attr(data-title); background: $lighter;
display: block; font-size: initial;
position: absolute; border-radius: 0.25em;
left: 0;
right: 0; &:hover:before {
margin-top: 1.75em; // XXX below the button content: attr(data-title);
margin-left: 10%; font-size: 0.8rem;
margin-right: 10%; display: block;
padding: 1em; position: absolute;
border-radius: 1em; left: 0;
color: $lighter; right: 0;
background: rgba(0, 0, 0, 0.75); margin-top: 1.75rem; // XXX below the button
z-index: 1; margin-left: 10%;
pointer-events: none; margin-right: 10%;
padding: 1em;
border-radius: 1em;
color: $lighter;
background: rgba(0, 0, 0, 0.75);
z-index: 1;
pointer-events: none;
}
} }
} }