Add hover state to icons

This commit is contained in:
Cole Bemis 2017-05-05 17:10:35 -07:00
parent d802ec14ee
commit 285009c7ca

View File

@ -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;