Merge branch 'fix-19094' of https://github.com/ameya-pandilwar/bootstrap into ameya-pandilwar-fix-19094

scss/_mixins.scss

@@ -18,7 +18,7 @@
 @import "mixins/breakpoints";
 @import "mixins/hover";
 @import "mixins/image";
-@import "mixins/label";
+@import "mixins/tag";
 @import "mixins/reset-filter";
 @import "mixins/resize";
 @import "mixins/screen-reader";

scss/_print.scss

@@ -92,7 +92,7 @@
         border-top-color: #000 !important;
       }
     }
-    .label {
+    .tag {
       border: $border-width solid #000;
     }
 

scss/_tags.scss

@@ -3,13 +3,13 @@
 // Requires one of the contextual, color modifier classes for `color` and
 // `background-color`.
 
-.label {
+.tag {
   display: inline-block;
-  padding: $label-padding-y $label-padding-x;
-  font-size: $label-font-size;
-  font-weight: $label-font-weight;
+  padding: $tag-padding-y $tag-padding-x;
+  font-size: $tag-font-size;
+  font-weight: $tag-font-weight;
   line-height: 1;
-  color: $label-color;
+  color: $tag-color;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -22,16 +22,16 @@
 }
 
 // Quick fix for labels in buttons
-.btn .label {
+.btn .tag {
   position: relative;
   top: -1px;
 }
 
 // scss-lint:disable QualifyingElement
 // Add hover effects, but only for links
-a.label {
+a.tag {
   @include hover-focus {
-    color: $label-link-hover-color;
+    color: $tag-link-hover-color;
     text-decoration: none;
     cursor: pointer;
   }
@@ -42,36 +42,36 @@ a.label {
 //
 // Make them extra rounded with a modifier to replace v3's badges.
 
-.label-pill {
-  padding-right: $label-pill-padding-x;
-  padding-left: $label-pill-padding-x;
-  @include border-radius($label-pill-border-radius);
+.tag-pill {
+  padding-right: $tag-pill-padding-x;
+  padding-left: $tag-pill-padding-x;
+  @include border-radius($tag-pill-border-radius);
 }
 
 // Colors
 //
 // Contextual variations (linked labels get darker on :hover).
 
-.label-default {
-  @include label-variant($label-default-bg);
+.tag-default {
+  @include tag-variant($tag-default-bg);
 }
 
-.label-primary {
-  @include label-variant($label-primary-bg);
+.tag-primary {
+  @include tag-variant($tag-primary-bg);
 }
 
-.label-success {
-  @include label-variant($label-success-bg);
+.tag-success {
+  @include tag-variant($tag-success-bg);
 }
 
-.label-info {
-  @include label-variant($label-info-bg);
+.tag-info {
+  @include tag-variant($tag-info-bg);
 }
 
-.label-warning {
-  @include label-variant($label-warning-bg);
+.tag-warning {
+  @include tag-variant($tag-warning-bg);
 }
 
-.label-danger {
-  @include label-variant($label-danger-bg);
+.tag-danger {
+  @include tag-variant($tag-danger-bg);
 }

scss/_variables.scss

@@ -613,26 +613,26 @@ $popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
 $popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;
 
 
-// Labels
+// Tags
 
-$label-default-bg:            $gray-light !default;
-$label-primary-bg:            $brand-primary !default;
-$label-success-bg:            $brand-success !default;
-$label-info-bg:               $brand-info !default;
-$label-warning-bg:            $brand-warning !default;
-$label-danger-bg:             $brand-danger !default;
+$tag-default-bg:            $gray-light !default;
+$tag-primary-bg:            $brand-primary !default;
+$tag-success-bg:            $brand-success !default;
+$tag-info-bg:               $brand-info !default;
+$tag-warning-bg:            $brand-warning !default;
+$tag-danger-bg:             $brand-danger !default;
 
-$label-color:                 #fff !default;
-$label-link-hover-color:      #fff !default;
-$label-font-size:             75% !default;
-$label-font-weight:           bold !default;
-$label-padding-x:             .4em !default;
-$label-padding-y:             .25em !default;
+$tag-color:                 #fff !default;
+$tag-link-hover-color:      #fff !default;
+$tag-font-size:             75% !default;
+$tag-font-weight:           bold !default;
+$tag-padding-x:             .4em !default;
+$tag-padding-y:             .25em !default;
 
-$label-pill-padding-x:        .6em !default;
+$tag-pill-padding-x:        .6em !default;
 // Use a higher than normal value to ensure completely rounded edges when
 // customizing padding or font-size on labels.
-$label-pill-border-radius:    10rem !default;
+$tag-pill-border-radius:    10rem !default;
 
 // Modals
 

scss/bootstrap.scss

@@ -34,7 +34,7 @@
 @import "card";
 @import "breadcrumb";
 @import "pagination";
-@import "labels";
+@import "tags";
 @import "jumbotron";
 @import "alert";
 @import "progress";

scss/mixins/_tag.scss

@@ -1,6 +1,6 @@
-// Labels
+// Tags
 
-@mixin label-variant($color) {
+@mixin tag-variant($color) {
   background-color: $color;
 
   &[href] {