diff options
author | Mark Otto <markdotto@gmail.com> | 2017-06-26 04:15:32 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2017-06-26 04:15:32 +0300 |
commit | aa83c4f4170a3ad102a69f601bd822a833c23099 (patch) | |
tree | fb83694e90db4e39f29e90545f9e52b519224a10 /scss/_badge.scss | |
parent | b4879ec40f88ee86b7c08d1e9f86563b713a6d42 (diff) |
update badges to use the theme colors sass map
Diffstat (limited to 'scss/_badge.scss')
-rw-r--r-- | scss/_badge.scss | 36 |
1 files changed, 4 insertions, 32 deletions
diff --git a/scss/_badge.scss b/scss/_badge.scss index 175b19d86e..8a76263444 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -27,16 +27,6 @@ top: -1px; } -// scss-lint:disable QualifyingElement -// Add hover effects, but only for links -a.badge { - @include hover-focus { - color: $badge-link-hover-color; - text-decoration: none; - } -} -// scss-lint:enable QualifyingElement - // Pill badges // // Make them extra rounded with a modifier to replace v3's badges. @@ -51,26 +41,8 @@ a.badge { // // Contextual variations (linked badges get darker on :hover). -.badge-default { - @include badge-variant($badge-default-bg); -} - -.badge-primary { - @include badge-variant($badge-primary-bg); -} - -.badge-success { - @include badge-variant($badge-success-bg); -} - -.badge-info { - @include badge-variant($badge-info-bg); -} - -.badge-warning { - @include badge-variant($badge-warning-bg); -} - -.badge-danger { - @include badge-variant($badge-danger-bg); +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } } |