Lots of updates
This commit is contained in:
parent
e3cfff8310
commit
39e7af6238
454 changed files with 221168 additions and 36622 deletions
|
@ -8,9 +8,11 @@
|
|||
position: absolute;
|
||||
z-index: $zindex-tooltip;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
// 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.
|
||||
@include reset-text;
|
||||
font-size: $font-size-small;
|
||||
line-height: 1.4;
|
||||
|
||||
@include opacity(0);
|
||||
|
||||
&.in { @include opacity($tooltip-opacity); }
|
||||
|
@ -26,7 +28,6 @@
|
|||
padding: 3px 8px;
|
||||
color: $tooltip-color;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: $tooltip-bg;
|
||||
border-radius: $border-radius-base;
|
||||
}
|
||||
|
@ -39,6 +40,7 @@
|
|||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
|
||||
.tooltip {
|
||||
&.top .tooltip-arrow {
|
||||
bottom: 0;
|
||||
|
@ -49,13 +51,15 @@
|
|||
}
|
||||
&.top-left .tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: $tooltip-arrow-width;
|
||||
right: $tooltip-arrow-width;
|
||||
margin-bottom: -$tooltip-arrow-width;
|
||||
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
||||
border-top-color: $tooltip-arrow-color;
|
||||
}
|
||||
&.top-right .tooltip-arrow {
|
||||
bottom: 0;
|
||||
right: $tooltip-arrow-width;
|
||||
left: $tooltip-arrow-width;
|
||||
margin-bottom: -$tooltip-arrow-width;
|
||||
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
||||
border-top-color: $tooltip-arrow-color;
|
||||
}
|
||||
|
@ -82,13 +86,15 @@
|
|||
}
|
||||
&.bottom-left .tooltip-arrow {
|
||||
top: 0;
|
||||
left: $tooltip-arrow-width;
|
||||
right: $tooltip-arrow-width;
|
||||
margin-top: -$tooltip-arrow-width;
|
||||
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
||||
border-bottom-color: $tooltip-arrow-color;
|
||||
}
|
||||
&.bottom-right .tooltip-arrow {
|
||||
top: 0;
|
||||
right: $tooltip-arrow-width;
|
||||
left: $tooltip-arrow-width;
|
||||
margin-top: -$tooltip-arrow-width;
|
||||
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
||||
border-bottom-color: $tooltip-arrow-color;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue