rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #18466 from twbs/tooltip-padding-vars

Browse Source 
Introduce $tooltip-padding & $tooltip-padding-x vars
This commit is contained in:
Chris Rebert 2016-01-09 14:28:12 -08:00
commit f646ed7920
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

@ -485,6 +485,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;