aboutsummaryrefslogtreecommitdiff
path: root/scss
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2016-02-16 20:28:51 -0800
committerMark Otto <[email protected]>2016-02-16 20:28:51 -0800
commitd6207d852adddbd67b5002d0a89d115e5669e528 (patch)
tree84172dbb886d852a1cd1236b1faa0debb6eab91f /scss
parenta2fe2aacedd5b7143018a65794ee01b446f60eb3 (diff)
parent8cd27781486e3133241e032e194f5a7c3d60043d (diff)
downloadbootstrap-d6207d852adddbd67b5002d0a89d115e5669e528.tar.xz
bootstrap-d6207d852adddbd67b5002d0a89d115e5669e528.zip
Merge branch 'fix-19094' of https://github.com/ameya-pandilwar/bootstrap into ameya-pandilwar-fix-19094
Diffstat (limited to 'scss')
-rw-r--r--scss/_mixins.scss2
-rw-r--r--scss/_print.scss2
-rw-r--r--scss/_tags.scss (renamed from scss/_labels.scss)48
-rw-r--r--scss/_variables.scss36
-rw-r--r--scss/bootstrap.scss2
-rw-r--r--scss/mixins/_tag.scss (renamed from scss/mixins/_label.scss)4
6 files changed, 47 insertions, 47 deletions
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 5c8651207..1b5bf0fae 100644
--- a/scss/_mixins.scss
+++ b/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";
diff --git a/scss/_print.scss b/scss/_print.scss
index d569cce4d..b2c93735c 100644
--- a/scss/_print.scss
+++ b/scss/_print.scss
@@ -92,7 +92,7 @@
border-top-color: #000 !important;
}
}
- .label {
+ .tag {
border: $border-width solid #000;
}
diff --git a/scss/_labels.scss b/scss/_tags.scss
index ef065bec3..61758426a 100644
--- a/scss/_labels.scss
+++ b/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);
}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 595319050..2c48a7059 100644
--- a/scss/_variables.scss
+++ b/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
-
-$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;
-
-$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;
-
-$label-pill-padding-x: .6em !default;
+// Tags
+
+$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;
+
+$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;
+
+$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
diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss
index ef30c6b63..f99a722ca 100644
--- a/scss/bootstrap.scss
+++ b/scss/bootstrap.scss
@@ -34,7 +34,7 @@
@import "card";
@import "breadcrumb";
@import "pagination";
-@import "labels";
+@import "tags";
@import "jumbotron";
@import "alert";
@import "progress";
diff --git a/scss/mixins/_label.scss b/scss/mixins/_tag.scss
index 4bc48c60d..900c54e36 100644
--- a/scss/mixins/_label.scss
+++ b/scss/mixins/_tag.scss
@@ -1,6 +1,6 @@
-// Labels
+// Tags
-@mixin label-variant($color) {
+@mixin tag-variant($color) {
background-color: $color;
&[href] {