From a27ecfccf301f8996d7ddf6bd6f7f46f358a5a31 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 17:32:07 -0700 Subject: Make more components mixin-friendly --- less/labels.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'less/labels.less') diff --git a/less/labels.less b/less/labels.less index 92fe8f89e..3d863f7df 100644 --- a/less/labels.less +++ b/less/labels.less @@ -15,7 +15,7 @@ background-color: @gray-light; border-radius: .25em; - // Add hover effects, but only for links + // Add hover effects, but only for links &[href] { &:hover, &:focus { @@ -32,7 +32,7 @@ .label-danger { background-color: @label-danger-bg; &[href] { - &:hover, + &:hover, &:focus { background-color: darken(@label-danger-bg, 10%); } @@ -67,4 +67,4 @@ background-color: darken(@label-info-bg, 10%); } } -} \ No newline at end of file +} -- cgit v1.2.3 From a7dd1088d247b533c483afb0cde85e9c49ab5ea7 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 7 Jul 2013 14:26:51 -0700 Subject: extract .label-variant mix-in --- less/labels.less | 32 ++++---------------------------- 1 file changed, 4 insertions(+), 28 deletions(-) (limited to 'less/labels.less') diff --git a/less/labels.less b/less/labels.less index 3d863f7df..d7852d107 100644 --- a/less/labels.less +++ b/less/labels.less @@ -30,41 +30,17 @@ // Colors // Contextual variations (linked labels get darker on :hover) .label-danger { - background-color: @label-danger-bg; - &[href] { - &:hover, - &:focus { - background-color: darken(@label-danger-bg, 10%); - } - } + .label-variant(@label-danger-bg); } .label-success { - background-color: @label-success-bg; - &[href] { - &:hover, - &:focus { - background-color: darken(@label-success-bg, 10%); - } - } + .label-variant(@label-success-bg); } .label-warning { - background-color: @label-warning-bg; - &[href] { - &:hover, - &:focus { - background-color: darken(@label-warning-bg, 10%); - } - } + .label-variant(@label-warning-bg); } .label-info { - background-color: @label-info-bg; - &[href] { - &:hover, - &:focus { - background-color: darken(@label-info-bg, 10%); - } - } + .label-variant(@label-info-bg); } -- cgit v1.2.3