1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 14:54:27 +02:00

popovers and tooltips vars

This commit is contained in:
Mark Otto
2012-11-30 15:40:44 -08:00
parent e34b3730b7
commit b8b266ca7c
4 changed files with 107 additions and 107 deletions

View File

@@ -4663,57 +4663,57 @@ input[type="button"].btn-block {
.popover {
/*
&.top .arrow {
bottom: -@popoverArrowWidth;
bottom: -@popover-arrow-width;
left: 50%;
margin-left: -@popoverArrowWidth;
border-width: @popoverArrowWidth @popoverArrowWidth 0;
//border-top-color: @popoverArrowColor;
margin-left: -@popover-arrow-width;
border-width: @popover-arrow-width @popover-arrow-width 0;
//border-top-color: @popover-arrow-color;
border-top-color: blue;
&:after {
border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
//border-top-color: @popoverArrowOuterColor;
border-width: @popover-arrow-outer-width @popover-arrow-outer-width 0;
//border-top-color: @popover-arrow-outer-color;
border-top-color: red;
top: -@popoverArrowWidth;
top: -@popover-arrow-width;
//bottom: -1px;
left: -@popoverArrowOuterWidth;
left: -@popover-arrow-outer-width;
}
}
&.right .arrow {
top: 50%;
left: -@popoverArrowWidth;
margin-top: -@popoverArrowWidth;
border-width: @popoverArrowWidth @popoverArrowWidth @popoverArrowWidth 0;
border-right-color: @popoverArrowColor;
left: -@popover-arrow-width;
margin-top: -@popover-arrow-width;
border-width: @popover-arrow-width @popover-arrow-width @popover-arrow-width 0;
border-right-color: @popover-arrow-color;
&:after {
border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
border-right-color: @popoverArrowOuterColor;
bottom: -@popoverArrowOuterWidth;
border-width: @popover-arrow-outer-width @popover-arrow-outer-width @popover-arrow-outer-width 0;
border-right-color: @popover-arrow-outer-color;
bottom: -@popover-arrow-outer-width;
left: -1px;
}
}
&.bottom .arrow {
top: -@popoverArrowWidth;
top: -@popover-arrow-width;
left: 50%;
margin-left: -@popoverArrowWidth;
border-width: 0 @popoverArrowWidth @popoverArrowWidth;
border-bottom-color: @popoverArrowColor;
margin-left: -@popover-arrow-width;
border-width: 0 @popover-arrow-width @popover-arrow-width;
border-bottom-color: @popover-arrow-color;
&:after {
border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
border-bottom-color: @popoverArrowOuterColor;
border-width: 0 @popover-arrow-outer-width @popover-arrow-outer-width;
border-bottom-color: @popover-arrow-outer-color;
top: -1px;
left: -@popoverArrowOuterWidth;
left: -@popover-arrow-outer-width;
}
}
&.left .arrow {
top: 50%;
right: -@popoverArrowWidth;
margin-top: -@popoverArrowWidth;
border-width: @popoverArrowWidth 0 @popoverArrowWidth @popoverArrowWidth;
border-left-color: @popoverArrowColor;
right: -@popover-arrow-width;
margin-top: -@popover-arrow-width;
border-width: @popover-arrow-width 0 @popover-arrow-width @popover-arrow-width;
border-left-color: @popover-arrow-color;
&:after {
border-width: @popoverArrowOuterWidth 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
border-left-color: @popoverArrowOuterColor;
bottom: -@popoverArrowOuterWidth;
border-width: @popover-arrow-outer-width 0 @popover-arrow-outer-width @popover-arrow-outer-width;
border-left-color: @popover-arrow-outer-color;
bottom: -@popover-arrow-outer-width;
right: -1px;
}
}*/