diff --git a/style.scss b/style.scss index cbe914a..8e9d51f 100644 --- a/style.scss +++ b/style.scss @@ -172,8 +172,10 @@ a { margin: 0.25rem; padding: 0.75rem; stroke-width: 2px; + border-radius: $border-radius; outline: none; cursor: pointer; + transition: background-color $transition-duration; @include for-tablet-portrait-up { margin: 0.5rem; @@ -185,6 +187,10 @@ a { stroke: currentColor; stroke-width: inherit; } + + &:hover { + background: $color-border; + } } .tooltip { @@ -204,10 +210,8 @@ a { visibility: hidden; z-index: 10; cursor: default; - transition: - transform $transition-duration, - opacity $transition-duration, - visibility $transition-duration; + transition-property: transform, opacity, visibility; + transition-duration: $transition-duration; @include for-tablet-portrait-up { min-width: 12rem;