root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

un-nest and un-chain popover classes

This commit is contained in:
Mark Otto 2017-12-26 21:58:57 -08:00
parent fa2cc20e92
commit 28fd9deb54
1 changed files with 118 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
scss/_popover.scss
View File

@ -27,20 +27,19 @@
width: $popover-arrow-width; width: $popover-arrow-width;
height: $popover-arrow-height; height: $popover-arrow-height;
margin: 0 $border-radius-lg; margin: 0 $border-radius-lg;
}
.arrow::before, &::before,
.arrow::after { &::after {
position: absolute; position: absolute;
display: block; display: block;
content: ""; content: "";
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;
} }
}
}
// Popover directions .bs-popover-top {
&.bs-popover-top {
margin-bottom: $popover-arrow-height; margin-bottom: $popover-arrow-height;
.arrow { .arrow {
@ -61,9 +60,9 @@
bottom: $popover-border-width; bottom: $popover-border-width;
border-top-color: $popover-arrow-color; border-top-color: $popover-arrow-color;
} }
} }
&.bs-popover-right { .bs-popover-right {
margin-left: $popover-arrow-height; margin-left: $popover-arrow-height;
.arrow { .arrow {
@ -87,9 +86,9 @@
left: $popover-border-width; left: $popover-border-width;
border-right-color: $popover-arrow-color; border-right-color: $popover-arrow-color;
} }
} }
&.bs-popover-bottom { .bs-popover-bottom {
margin-top: $popover-arrow-height; margin-top: $popover-arrow-height;
.arrow { .arrow {
@ -122,9 +121,9 @@
content: ""; content: "";
border-bottom: $popover-border-width solid $popover-header-bg; border-bottom: $popover-border-width solid $popover-header-bg;
} }
} }
&.bs-popover-left { .bs-popover-left {
margin-right: $popover-arrow-height; margin-right: $popover-arrow-height;
.arrow { .arrow {
@ -148,8 +147,9 @@
right: $popover-border-width; right: $popover-border-width;
border-left-color: $popover-arrow-color; border-left-color: $popover-arrow-color;
} }
} }
&.bs-popover-auto {
.bs-popover-auto {
&[x-placement^="top"] { &[x-placement^="top"] {
@extend .bs-popover-top; @extend .bs-popover-top;
} }
@ -162,7 +162,6 @@
&[x-placement^="left"] { &[x-placement^="left"] {
@extend .bs-popover-left; @extend .bs-popover-left;
} }
}
} }