Add hover classes on Locations continents filers
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user