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:
58
docs/assets/css/bootstrap.css
vendored
58
docs/assets/css/bootstrap.css
vendored
@@ -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;
|
||||
}
|
||||
}*/
|
||||
|
Reference in New Issue
Block a user