mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Add hover state to icons

Browse Source
This commit is contained in:
Cole Bemis 2017-05-05 17:10:35 -07:00
parent d802ec14ee
commit 285009c7ca
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
style.scss
View File

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