Add hover classes on Locations continents filers

This commit is contained in:
2021-10-19 17:20:31 +02:00
parent ddfdba1d63
commit 1d48715b35

View File

@@ -1,5 +1,6 @@
.browse {
margin: 96px 0;
text-align: center;
@include bp (sm) {
margin-bottom: 128px;
@@ -24,14 +25,24 @@
// Continents
&__continents {
display: flex;
display: inline-flex;
justify-content: center;
text-align: center;
margin: 0 auto;
&:hover {
li {
opacity: 0.4;
}
}
li {
display: block;
margin: 0 8px;
transition: opacity 0.5s var(--ease-quart);
transition: opacity 0.6s var(--ease-quart);
&:hover {
opacity: 1;
}
}
// Disabled button