diff options
| author | Patrick Yeo <[email protected]> | 2017-12-18 11:48:51 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-12-28 10:18:50 -0800 |
| commit | eaca6c0e44cc524c4f2018cffd8fd9857a30c5aa (patch) | |
| tree | cc799640ca56c70ccefee7e4af0b3049628df29c | |
| parent | ced70da441d487efb8589acbff445d6b5fa68bb9 (diff) | |
| download | bootstrap-eaca6c0e44cc524c4f2018cffd8fd9857a30c5aa.tar.xz bootstrap-eaca6c0e44cc524c4f2018cffd8fd9857a30c5aa.zip | |
Allow customizing Popover and Tooltip `font-size` outside of `$font-size-sm`
| -rw-r--r-- | scss/_popover.scss | 2 | ||||
| -rw-r--r-- | scss/_tooltip.scss | 2 | ||||
| -rw-r--r-- | scss/_variables.scss | 2 |
3 files changed, 4 insertions, 2 deletions
diff --git a/scss/_popover.scss b/scss/_popover.scss index 3e4164398..779b58082 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -8,7 +8,7 @@ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. // So reset our font and text properties to avoid inheriting weird values. @include reset-text(); - font-size: $font-size-sm; + font-size: $popover-font-size; // Allow breaking very long words so they don't overflow the popover's bounds word-wrap: break-word; background-color: $popover-bg; diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index a03de5742..7f6a26f75 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -7,7 +7,7 @@ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. // So reset our font and text properties to avoid inheriting weird values. @include reset-text(); - font-size: $font-size-sm; + font-size: $tooltip-font-size; // Allow breaking very long words so they don't overflow the tooltip's bounds word-wrap: break-word; opacity: 0; diff --git a/scss/_variables.scss b/scss/_variables.scss index 1c6ca3abb..afd05e432 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -667,6 +667,7 @@ $card-columns-margin: $card-spacer-y !default; // Tooltips +$tooltip-font-size: $font-size-sm !default; $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; @@ -682,6 +683,7 @@ $tooltip-arrow-color: $tooltip-bg !default; // Popovers +$popover-font-size: $font-size-sm !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; |