diff --git a/sass/plants.scss b/sass/plants.scss index 1c068dd..260cad3 100644 --- a/sass/plants.scss +++ b/sass/plants.scss @@ -13,6 +13,17 @@ transition-duration: 0.25s; height: 128px; 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 { display: block; @@ -35,15 +46,6 @@ 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; float: none; 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; + } } }