rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

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

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

3
scss/_variables.scss
View File

@ -475,6 +475,9 @@ $tooltip-max-width: 200px !default;
$tooltip-color: #fff !default;
$tooltip-bg: #000 !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-color: $tooltip-bg !default;