mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 00:59:51 +02:00
Code Issues Releases Wiki Activity

CSS: prefix .{right,left,top,bottom} with 'tooltip-'/'popover'

Browse Source
This commit is contained in:
Chris Rebert
2014-12-19 18:39:12 -08:00
parent c6ad3a8d6d
commit 654d0dffc9
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
scss/_tooltip.scss
View File

@@ -18,22 +18,22 @@
&.in { opacity: $tooltip-opacity; }
&.top {
&.tooltip-top {
padding: $tooltip-arrow-width 0;
margin-top: -3px;
}
&.right {
&.tooltip-right {
padding: 0 $tooltip-arrow-width;
margin-left: 3px;
}
&.bottom {
&.tooltip-bottom {
padding: $tooltip-arrow-width 0;
margin-top: 3px;
}
&.left {
&.tooltip-left {
padding: 0 $tooltip-arrow-width;
margin-left: -3px;
}
@@ -59,28 +59,28 @@
border-style: solid;
}
.tooltip {
&.top .tooltip-arrow {
&.tooltip-top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
border-top-color: $tooltip-arrow-color;
}
&.right .tooltip-arrow {
&.tooltip-right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
border-right-color: $tooltip-arrow-color;
}
&.left .tooltip-arrow {
&.tooltip-left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
border-left-color: $tooltip-arrow-color;
}
&.bottom .tooltip-arrow {
&.tooltip-bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;