Sha256: a380bfbbea4c605385f4b94e8bb5fc5fdd37c160db51dc0885c13b9abe889f2b
Contents?: true
Size: 1.33 KB
Versions: 45
Compression:
Stored size: 1.33 KB
Contents
.tooltip-item
$tooltip-background: rgba(#000, .9)
$tooltip-color: white
$tooltip-width: 16em
position: relative
@include user-select(none)
&:hover .tooltip
opacity: 1
visibility: visible
@include transform(none)
.tooltip
@include position(absolute, 0 0 0 50%)
@include transition (all 0.05s ease-in-out)
@include user-select(none)
@include transform(scale(0))
bottom: 140%
background-color: $tooltip-background
border-radius: 3px
color: $tooltip-color
font-size: .8em // Make sure you use -webkit-backface-visibility: hidden on the body element to prevent 1px nudging bugs.
line-height: 1.2
margin-left: -($tooltip-width/2)
opacity: 0
padding: .5em 0
text-align: center
visibility: hidden
min-width: $tooltip-width
z-index: 10
p
margin-bottom: 0
&:after
@include size(0)
@include position(absolute, 0 0 0 $tooltip-width/2)
border: 8px solid transparent
margin-left: -8px
border-top-color: $tooltip-background
content: ''
pointer-events: none
bottom: -16px
.tooltip__header
.tooltip__title
padding: .7em .5em
@include font-weight(light)
b
@include font-weight(light)
color: rgba(#fff, .5)
.tooltip__body
border-top: 1px solid rgba(#fff, .1)
padding: .7em .5em
Version data entries
45 entries across 45 versions & 1 rubygems