Extract $label-pill-padding-x variable

[skip sauce]
[skip validator]

diff --git a/scss/_labels.scss b/scss/_labels.scss
index fb4ef5aef78132bb035854d9d95870026297692c..66af7c9c9f3af34dfe713e316ecd07e0986c55b9 100644 (file)
--- a/scss/_labels.scss
+++ b/scss/_labels.scss
@@ -43,8 +43,8 @@ a.label {
 // Make them extra rounded with a modifier to replace v3's badges.
 
 .label-pill {
-  padding-right: .6em;
-  padding-left: .6em;
+  padding-right: $label-pill-padding-x;
+  padding-left: $label-pill-padding-x;
   // Use a higher than normal value to ensure completely rounded edges when
   // customizing padding or font-size on labels.
   @include border-radius(10rem);

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 77e60ff714f5bfca187a316584056230fad4b0f3..5c92cb21ddd42cb3770e5877c3b111a94bcef0b3 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -622,6 +622,7 @@ $label-font-weight:           bold !default;
 $label-padding-x:             .4em !default;
 $label-padding-y:             .25em !default;
 
+$label-pill-padding-x:        .6em !default;
 
 // Modals