tweak tooltip
This commit is contained in:
parent
eeeb64d29a
commit
4c28a41dff
|
@ -1,8 +1,4 @@
|
||||||
%tooltip
|
%tooltip
|
||||||
&:hover .tooltip-bubble
|
|
||||||
transform: translateY(0)
|
|
||||||
opacity: 1
|
|
||||||
|
|
||||||
.tooltip-bubble
|
.tooltip-bubble
|
||||||
position: absolute
|
position: absolute
|
||||||
top: -2.8em
|
top: -2.8em
|
||||||
|
@ -18,6 +14,7 @@
|
||||||
line-height: 1.3
|
line-height: 1.3
|
||||||
text-align: center
|
text-align: center
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
visibility: hidden
|
||||||
|
|
||||||
transition: all 100ms ease
|
transition: all 100ms ease
|
||||||
transform: translateY(20%)
|
transform: translateY(20%)
|
||||||
|
@ -27,7 +24,6 @@
|
||||||
color: $white
|
color: $white
|
||||||
&:hover
|
&:hover
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
|
|
||||||
&:before
|
&:before
|
||||||
content: ""
|
content: ""
|
||||||
position: absolute
|
position: absolute
|
||||||
|
@ -38,6 +34,11 @@
|
||||||
z-index: -1
|
z-index: -1
|
||||||
background-color: #818383
|
background-color: #818383
|
||||||
|
|
||||||
|
&:hover .tooltip-bubble
|
||||||
|
transform: translateY(0)
|
||||||
|
opacity: 1
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
.tooltip
|
.tooltip
|
||||||
@extend %tooltip
|
@extend %tooltip
|
||||||
.tooltip-bubble
|
.tooltip-bubble
|
||||||
|
|
Loading…
Reference in New Issue
Block a user