From 3861e3f5d5c0a579b1a77dc0f45131dd2499ff8b Mon Sep 17 00:00:00 2001
From: Artur Kwiatkowski <artur@ciecieprojektow.pl>
Date: Sat, 20 Apr 2013 15:54:48 +0200
Subject: [PATCH] replaced parametric .is() mixin with non-parametric .a() to
simplify usage
---
less/labels.less | 22 +++++++++++-----------
1 file changed, 11 insertions(+), 11 deletions(-)
diff --git a/less/labels.less b/less/labels.less
index 87e2cdf744..74018b1dee 100644
--- a/less/labels.less
+++ b/less/labels.less
@@ -17,7 +17,7 @@
background-color: @grayLight;
border-radius: .25em;
- //hover state, but only for links - as a mixin which will be accessible as LESS shorthand: .label > .a;
+ // Hover state, but only for links - as a mixin which will be accessible as LESS shorthand: .label > .a;
.a() {
&:hover,
&:focus {
@@ -29,11 +29,11 @@
// Colors
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
- // Constructed as parametric mixin so it wont overproduce [href] by default - only for elements that will have arg link passed to local .is mixin
-
+ // If there is a need for [href] then use local mixin a() via ex: .label-danger > .a; to attach additional CSS for [href] attr
+
.label-danger() {
background-color: @label-danger-bg;
- .is(@arg) when (@arg = link) {
+ .a() {
&[href] {
background-color: darken(@label-danger-bg, 10%);
}
@@ -42,7 +42,7 @@
.label-warning() {
background-color: @label-warning-bg;
- .is(@arg) when (@arg = link) {
+ .a() {
&[href] {
background-color: darken(@label-warning-bg, 10%);
}
@@ -51,7 +51,7 @@
.label-success() {
background-color: @label-success-bg;
- .is(@arg) when (@arg = link) {
+ .a() {
&[href] {
background-color: darken(@label-success-bg, 10%);
}
@@ -60,7 +60,7 @@
.label-info() {
background-color: @label-info-bg;
- .is(@arg) when (@arg = link) {
+ .a() {
&[href] {
background-color: darken(@label-info-bg, 10%);
}
@@ -79,20 +79,20 @@ a.label {
.label-danger {
.label > .label-danger;
- .label > .label-danger > .is(link); // will produce .label-danger[href] class for folks who like to use class in HTML
+ .label > .label-danger > .a; // will produce .label-danger[href] class for folks who like to use class in HTML
}
.label-warning {
.label > .label-warning;
- .label > .label-warning > .is(link);
+ .label > .label-warning > .a;
}
.label-success {
.label > .label-success;
- .label > .label-success > .is(link);
+ .label > .label-success > .a;
}
.label-info {
.label > .label-info;
- .label > .label-info > .is(link);
+ .label > .label-info > .a;
}
\ No newline at end of file
--
GitLab