kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Convert px values to rem on tooltip variables (#23468)

Browse source 
* converts px valures to rem on tooltip variables

* keep as px to match popover changes
This commit is contained in:
Andres Galante 2017-11-06 14:29:12 -03:00 committed by Mark Otto
parent b931070bd7
commit 058123440f
2 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
scss/_tooltip.scss
View file

@ -34,7 +34,7 @@
}
.arrow::before {
margin-left: -($tooltip-arrow-width - 2);
margin-left: -$tooltip-arrow-width;
content: "";
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
border-top-color: $tooltip-arrow-color;
@ -47,7 +47,7 @@
}
.arrow::before {
margin-top: -($tooltip-arrow-width - 2);
margin-top: -$tooltip-arrow-width;
content: "";
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
border-right-color: $tooltip-arrow-color;
@ -60,7 +60,7 @@
}
.arrow::before {
margin-left: -($tooltip-arrow-width - 2);
margin-left: -$tooltip-arrow-width;
content: "";
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
border-bottom-color: $tooltip-arrow-color;
@ -74,7 +74,7 @@
.arrow::before {
right: 0;
margin-top: -($tooltip-arrow-width - 2);
margin-top: -($tooltip-arrow-width);
content: "";
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
border-left-color: $tooltip-arrow-color;

21
scss/_variables.scss
View file

@ -665,18 +665,17 @@ $card-columns-margin: $card-spacer-y !default;
// Tooltips
$tooltip-max-width: 200px !default;
$tooltip-color: $white !default;
$tooltip-bg: $black !default;
$tooltip-opacity: .9 !default;
$tooltip-padding-y: 3px !default;
$tooltip-padding-x: 8px !default;
$tooltip-margin: 0 !default;
$tooltip-max-width: 200px !default;
$tooltip-color: $white !default;
$tooltip-bg: $black !default;
$tooltip-opacity: .9 !default;
$tooltip-padding-y: .25rem !default;
$tooltip-padding-x: .5rem !default;
$tooltip-margin: 0 !default;
$tooltip-arrow-width: 5px !default;
$tooltip-arrow-height: 5px !default;
$tooltip-arrow-color: $tooltip-bg !default;
$tooltip-arrow-width: .4rem !default;
$tooltip-arrow-height: $tooltip-arrow-width !default;
$tooltip-arrow-color: $tooltip-bg !default;
// Popovers