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

Introduce $tooltip-padding-{x,y} & $tooltip-margin vars 

[skip sauce]
This commit is contained in:
Chris Rebert 2015-12-08 00:31:43 -08:00
parent 223e3505ce
commit c3d1b7f256
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
scss/_tooltip.scss
View File

@ -14,7 +14,7 @@
&.tooltip-top, &.tooltip-top,
&.bs-tether-element-attached-bottom { &.bs-tether-element-attached-bottom {
padding: $tooltip-arrow-width 0; padding: $tooltip-arrow-width 0;
margin-top: -3px; margin-top: -$tooltip-margin;
.tooltip-arrow { .tooltip-arrow {
bottom: 0; bottom: 0;
@ -27,7 +27,7 @@
&.tooltip-right, &.tooltip-right,
&.bs-tether-element-attached-left { &.bs-tether-element-attached-left {
padding: 0 $tooltip-arrow-width; padding: 0 $tooltip-arrow-width;
margin-left: 3px; margin-left: $tooltip-margin;
.tooltip-arrow { .tooltip-arrow {
top: 50%; top: 50%;
@ -40,7 +40,7 @@
&.tooltip-bottom, &.tooltip-bottom,
&.bs-tether-element-attached-top { &.bs-tether-element-attached-top {
padding: $tooltip-arrow-width 0; padding: $tooltip-arrow-width 0;
margin-top: 3px; margin-top: $tooltip-margin;
.tooltip-arrow { .tooltip-arrow {
top: 0; top: 0;
@ -53,7 +53,7 @@
&.tooltip-left, &.tooltip-left,
&.bs-tether-element-attached-right { &.bs-tether-element-attached-right {
padding: 0 $tooltip-arrow-width; padding: 0 $tooltip-arrow-width;
margin-left: -3px; margin-left: -$tooltip-margin;
.tooltip-arrow { .tooltip-arrow {
top: 50%; top: 50%;
@ -68,7 +68,7 @@
// Wrapper for the tooltip content // Wrapper for the tooltip content
.tooltip-inner { .tooltip-inner {
max-width: $tooltip-max-width; max-width: $tooltip-max-width;
padding: 3px 8px; padding: $tooltip-padding-y $tooltip-padding-x;
color: $tooltip-color; color: $tooltip-color;
text-align: center; text-align: center;
background-color: $tooltip-bg; background-color: $tooltip-bg;

3
scss/_variables.scss
View File

@ -475,6 +475,9 @@ $tooltip-max-width: 200px !default;
$tooltip-color: #fff !default; $tooltip-color: #fff !default;
$tooltip-bg: #000 !default; $tooltip-bg: #000 !default;
$tooltip-opacity: .9 !default; $tooltip-opacity: .9 !default;
$tooltip-padding-y: 3px !default;
$tooltip-padding-x: 8px !default;
$tooltip-margin: 3px !default;
$tooltip-arrow-width: 5px !default; $tooltip-arrow-width: 5px !default;
$tooltip-arrow-color: $tooltip-bg !default; $tooltip-arrow-color: $tooltip-bg !default;