2015-12-02 00:19:46 +01:00
|
|
|
//
|
|
|
|
|
// kremalicious3
|
|
|
|
|
// --------------
|
|
|
|
|
// Tooltips
|
|
|
|
|
//
|
|
|
|
|
|
|
|
|
|
// Base class
|
|
|
|
|
.tooltip
|
|
|
|
|
position: absolute
|
|
|
|
|
z-index: 1000
|
|
|
|
|
display: block
|
|
|
|
|
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
|
|
|
|
// So reset our font and text properties to avoid inheriting weird values.
|
2015-12-02 21:27:55 +01:00
|
|
|
font-family: $font-family-base
|
2015-12-02 00:19:46 +01:00
|
|
|
// We deliberately do NOT reset font-size.
|
2015-12-02 21:27:55 +01:00
|
|
|
font-style: normal
|
|
|
|
|
font-weight: normal
|
|
|
|
|
letter-spacing: normal
|
|
|
|
|
line-break: auto
|
2016-04-16 19:32:58 +02:00
|
|
|
line-height: $line-height
|
2015-12-02 00:19:46 +01:00
|
|
|
text-align: left; // Fallback for where `start` is not supported
|
2015-12-02 21:27:55 +01:00
|
|
|
text-align: start
|
|
|
|
|
text-decoration: none
|
|
|
|
|
text-shadow: none
|
|
|
|
|
text-transform: none
|
|
|
|
|
white-space: normal
|
|
|
|
|
word-break: normal
|
|
|
|
|
word-spacing: normal
|
|
|
|
|
word-wrap: normal
|
2015-12-02 00:19:46 +01:00
|
|
|
font-size: $font-size-mini
|
|
|
|
|
|
|
|
|
|
opacity: 0
|
|
|
|
|
|
|
|
|
|
&.in
|
|
|
|
|
opacity: .8
|
|
|
|
|
&.top
|
|
|
|
|
margin-top: -1px
|
|
|
|
|
&.right
|
|
|
|
|
margin-left: 1px
|
|
|
|
|
&.bottom
|
|
|
|
|
margin-top: 1px
|
|
|
|
|
&.left
|
|
|
|
|
margin-left: -1px
|
|
|
|
|
|
|
|
|
|
// Wrapper for the tooltip content
|
|
|
|
|
.tooltip-inner
|
|
|
|
|
max-width: 120px
|
|
|
|
|
padding: 4px 8px
|
|
|
|
|
color: $tooltip-color
|
|
|
|
|
text-align: center
|
|
|
|
|
background-color: $tooltip-bg
|
|
|
|
|
border-radius: $border-radius-base
|
