Fix style issue with plant list in mobile mode

main
trivernis 1 year ago
parent 89d14adc13
commit 81440f01aa
Signed by: Trivernis
GPG Key ID: DFFFCC2C7A02DB45

@ -13,6 +13,17 @@
transition-duration: 0.25s; transition-duration: 0.25s;
height: 128px; height: 128px;
width: 256px; width: 256px;
user-select: none;
&:hover {
margin: 0.75em 1.25em 0.75em 0.75em;
box-shadow: 0.75em 0.75em $highlight;
}
&:active {
margin: 1em;
box-shadow: 0.5em 0.5em $highlight;
}
a.plant-link { a.plant-link {
display: block; display: block;
@ -35,15 +46,6 @@
text-decoration: none; text-decoration: none;
} }
} }
&:hover {
margin: 0.75em 1.25em 0.75em 0.75em;
box-shadow: 0.75em 0.75em $highlight;
}
&:active {
margin: 1em;
box-shadow: 0.5em 0.5em $highlight;
}
} }
} }
@ -55,6 +57,16 @@
display: block; display: block;
float: none; float: none;
margin: 1em auto; margin: 1em auto;
&:hover {
margin: 1em auto;
box-shadow: 0.5em 0.5em $secondary;
}
&:active {
margin: 1em auto;
box-shadow: 0.5em 0.5em $secondary;
}
} }
} }

Loading…
Cancel
Save