diff options
| author | Mark Otto <[email protected]> | 2016-02-16 20:28:51 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-16 20:28:51 -0800 |
| commit | d6207d852adddbd67b5002d0a89d115e5669e528 (patch) | |
| tree | 84172dbb886d852a1cd1236b1faa0debb6eab91f /scss | |
| parent | a2fe2aacedd5b7143018a65794ee01b446f60eb3 (diff) | |
| parent | 8cd27781486e3133241e032e194f5a7c3d60043d (diff) | |
| download | bootstrap-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.scss | 2 | ||||
| -rw-r--r-- | scss/_print.scss | 2 | ||||
| -rw-r--r-- | scss/_tags.scss (renamed from scss/_labels.scss) | 48 | ||||
| -rw-r--r-- | scss/_variables.scss | 36 | ||||
| -rw-r--r-- | scss/bootstrap.scss | 2 | ||||
| -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] { |
