mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 20:55:50 +02:00
Code Issues Releases Wiki Activity

consolidate content properties, un-nest

Browse Source
This commit is contained in:
Mark Otto
2017-12-26 21:56:48 -08:00
parent 468c1615e2
commit fa2cc20e92
1 changed files with 58 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
scss/_tooltip.scss
View File

@@ -19,71 +19,77 @@
display: block; display: block;
width: $tooltip-arrow-width; width: $tooltip-arrow-width;
height: $tooltip-arrow-height; height: $tooltip-arrow-height;
}
.arrow::before { &::before {
position: absolute; position: absolute;
content: "";
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;
} }
}
&.bs-tooltip-top {
padding: $tooltip-arrow-height 0;
.arrow {
bottom: 0;
} }
.arrow::before { .bs-tooltip-top {
padding: $tooltip-arrow-height 0;
.arrow {
bottom: 0;
&::before {
top: 0; top: 0;
content: "";
border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0; border-width: $tooltip-arrow-height $tooltip-arrow-width/2 0;
border-top-color: $tooltip-arrow-color; border-top-color: $tooltip-arrow-color;
} }
} }
&.bs-tooltip-right { }
.bs-tooltip-right {
padding: 0 $tooltip-arrow-height; padding: 0 $tooltip-arrow-height;
.arrow { .arrow {
left: 0; left: 0;
width: $tooltip-arrow-height; width: $tooltip-arrow-height;
height: $tooltip-arrow-width; height: $tooltip-arrow-width;
}
.arrow::before { &::before {
right: 0; right: 0;
content: "";
border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0; border-width: $tooltip-arrow-width/2 $tooltip-arrow-height $tooltip-arrow-width/2 0;
border-right-color: $tooltip-arrow-color; border-right-color: $tooltip-arrow-color;
} }
} }
&.bs-tooltip-bottom {
padding: $tooltip-arrow-height 0;
.arrow {
top: 0;
} }
.arrow::before { .bs-tooltip-bottom {
padding: $tooltip-arrow-height 0;
.arrow {
top: 0;
&::before {
bottom: 0; bottom: 0;
content: "";
border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-width: 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
border-bottom-color: $tooltip-arrow-color; border-bottom-color: $tooltip-arrow-color;
} }
} }
&.bs-tooltip-left { }
.bs-tooltip-left {
padding: 0 $tooltip-arrow-height; padding: 0 $tooltip-arrow-height;
.arrow { .arrow {
right: 0; right: 0;
width: $tooltip-arrow-height; width: $tooltip-arrow-height;
height: $tooltip-arrow-width; height: $tooltip-arrow-width;
}
.arrow::before { &::before {
left: 0; left: 0;
content: "";
border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height; border-width: $tooltip-arrow-width/2 0 $tooltip-arrow-width/2 $tooltip-arrow-height;
border-left-color: $tooltip-arrow-color; border-left-color: $tooltip-arrow-color;
} }
} }
&.bs-tooltip-auto { }
.bs-tooltip-auto {
&[x-placement^="top"] { &[x-placement^="top"] {
@extend .bs-tooltip-top; @extend .bs-tooltip-top;
} }
@@ -97,7 +103,6 @@
@extend .bs-tooltip-left; @extend .bs-tooltip-left;
} }
} }
}
// Wrapper for the tooltip content // Wrapper for the tooltip content
.tooltip-inner { .tooltip-inner {