mirror of
https://github.com/feathericons/feather.git
synced 2023-08-10 21:13:24 +03:00
Add hover state to icons
This commit is contained in:
parent
d802ec14ee
commit
285009c7ca
12
style.scss
12
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;
|
||||
|
Loading…
Reference in New Issue
Block a user