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