mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-17 19:21:23 +03:00
remove popoverarrows mixin, relegate code to tooltips and popvers since we only used them once each; this fixes the problem of broken tooltips in 2.1
This commit is contained in:
+1
-69
@@ -508,75 +508,7 @@
|
||||
margin-top: (@navbarHeight - @elementHeight) / 2;
|
||||
}
|
||||
|
||||
// Popover arrows
|
||||
// -------------------------
|
||||
// For tipsies and popovers
|
||||
#popoverArrow {
|
||||
.top(@arrowWidth: 10px, @color: rgba(0,0,0,.2)) {
|
||||
bottom: -@arrowWidth;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-top: @arrowWidth solid #ccc;
|
||||
border-top: @arrowWidth solid @color;
|
||||
&:after {
|
||||
border-left: @arrowWidth - 1 solid transparent;
|
||||
border-right: @arrowWidth - 1 solid transparent;
|
||||
border-top: @arrowWidth - 1 solid #fff;
|
||||
bottom: 1px;
|
||||
left: -@arrowWidth + 1;
|
||||
}
|
||||
}
|
||||
.right(@arrowWidth: 10px, @color: rgba(0,0,0,.2)) {
|
||||
top: 50%;
|
||||
left: -@arrowWidth;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid #ccc;
|
||||
border-right: @arrowWidth solid @color;
|
||||
&:after {
|
||||
border-top: @arrowWidth - 1 solid transparent;
|
||||
border-bottom: @arrowWidth - 1 solid transparent;
|
||||
border-right: @arrowWidth - 1 solid #fff;
|
||||
bottom: -@arrowWidth + 1;
|
||||
left: 1px;
|
||||
}
|
||||
}
|
||||
.bottom(@arrowWidth: 10px, @color: rgba(0,0,0,.2)) {
|
||||
top: -@arrowWidth;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid #ccc;
|
||||
border-bottom: @arrowWidth solid @color;
|
||||
&:after {
|
||||
border-left: @arrowWidth - 1 solid transparent;
|
||||
border-right: @arrowWidth - 1 solid transparent;
|
||||
border-bottom: @arrowWidth - 1 solid #f5f5f5;
|
||||
top: 1px;
|
||||
left: -@arrowWidth + 1;
|
||||
}
|
||||
}
|
||||
.left(@arrowWidth: 10px, @color: rgba(0,0,0,.2)) {
|
||||
top: 50%;
|
||||
right: -@arrowWidth;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-left: @arrowWidth solid #ccc;
|
||||
border-left: @arrowWidth solid @color;
|
||||
&:after {
|
||||
border-top: @arrowWidth - 1 solid transparent;
|
||||
border-bottom: @arrowWidth - 1 solid transparent;
|
||||
border-left: @arrowWidth - 1 solid #fff;
|
||||
bottom: -@arrowWidth + 1;
|
||||
right: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
Reference in New Issue
Block a user