flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add hover classes on Locations continents filers

Browse Source
This commit is contained in:
Félix Péault
2021-10-19 17:20:31 +02:00
parent ddfdba1d63
commit 1d48715b35
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/style/organisms/_locations.scss
View File

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