mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-29 16:19:53 +02:00
Code Issues Releases Wiki Activity

Fix proposal

Browse Source
This commit is contained in:
louismaxime.piton
2022-05-04 15:31:57 +02:00
committed by Mark Otto
parent 51535cd95a
commit cca801683d
1 changed files with 29 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
scss/_tooltip.scss
View File

@@ -19,6 +19,7 @@
z-index: var(--#{$prefix}tooltip-zindex); z-index: var(--#{$prefix}tooltip-zindex);
display: block; display: block;
padding: var(--#{$prefix}tooltip-arrow-height);
margin: var(--#{$prefix}tooltip-margin); margin: var(--#{$prefix}tooltip-margin);
@include deprecate("`$tooltip-margin`", "v5", "v5.x", ); @include deprecate("`$tooltip-margin`", "v5", "v5.x", );
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
@@ -45,10 +46,7 @@
} }
} }
.bs-tooltip-top { .bs-tooltip-top .tooltip-arrow {
padding: var(--#{$prefix}tooltip-arrow-height) 0;
.tooltip-arrow {
bottom: 0; bottom: 0;
&::before { &::before {
@@ -56,14 +54,10 @@
border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
border-top-color: var(--#{$prefix}tooltip-bg); border-top-color: var(--#{$prefix}tooltip-bg);
} }
}
} }
/* rtl:begin:ignore */ /* rtl:begin:ignore */
.bs-tooltip-end { .bs-tooltip-end .tooltip-arrow {
padding: 0 var(--#{$prefix}tooltip-arrow-height);
.tooltip-arrow {
left: 0; left: 0;
width: var(--#{$prefix}tooltip-arrow-height); width: var(--#{$prefix}tooltip-arrow-height);
height: var(--#{$prefix}tooltip-arrow-width); height: var(--#{$prefix}tooltip-arrow-width);
@@ -73,15 +67,11 @@
border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
border-right-color: var(--#{$prefix}tooltip-bg); border-right-color: var(--#{$prefix}tooltip-bg);
} }
}
} }
/* rtl:end:ignore */ /* rtl:end:ignore */
.bs-tooltip-bottom { .bs-tooltip-bottom .tooltip-arrow {
padding: var(--#{$prefix}tooltip-arrow-height) 0;
.tooltip-arrow {
top: 0; top: 0;
&::before { &::before {
@@ -89,14 +79,10 @@
border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
border-bottom-color: var(--#{$prefix}tooltip-bg); border-bottom-color: var(--#{$prefix}tooltip-bg);
} }
}
} }
/* rtl:begin:ignore */ /* rtl:begin:ignore */
.bs-tooltip-start { .bs-tooltip-start .tooltip-arrow {
padding: 0 var(--#{$prefix}tooltip-arrow-height);
.tooltip-arrow {
right: 0; right: 0;
width: var(--#{$prefix}tooltip-arrow-height); width: var(--#{$prefix}tooltip-arrow-height);
height: var(--#{$prefix}tooltip-arrow-width); height: var(--#{$prefix}tooltip-arrow-width);
@@ -106,7 +92,6 @@
border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
border-left-color: var(--#{$prefix}tooltip-bg); border-left-color: var(--#{$prefix}tooltip-bg);
} }
}
} }
/* rtl:end:ignore */ /* rtl:end:ignore */