-
Notifications
You must be signed in to change notification settings - Fork 11
/
labels_badges.patch
39 lines (38 loc) · 1.86 KB
/
labels_badges.patch
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
diff --git a/labels-badges.scss b/labels-badges.scss
index 8e54627..0a801d6 100644
--- a/labels-badges.scss
+++ b/labels-badges.scss
@@ -11,22 +11,21 @@
}
// Colors
-// Only give background-color difference to links (and to simplify, we don't qualify with `a` but [href] attribute)
-.label,
-.badge {
+// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
+@each $item in label, badge {
// Important (red)
- &-important { background-color: $errorText; }
- &-important[href] { background-color: darken($errorText, 10%); }
+ .#{$item}-important { background-color: $errorText; }
+ .#{$item}-important[href] { background-color: darken($errorText, 10%); }
// Warnings (orange)
- &-warning { background-color: $orange; }
- &-warning[href] { background-color: darken($orange, 10%); }
+ .#{$item}-warning { background-color: $orange; }
+ .#{$item}-warning[href] { background-color: darken($orange, 10%); }
// Success (green)
- &-success { background-color: $successText; }
- &-success[href] { background-color: darken($successText, 10%); }
+ .#{$item}-success { background-color: $successText; }
+ .#{$item}-success[href] { background-color: darken($successText, 10%); }
// Info (turquoise)
- &-info { background-color: $infoText; }
- &-info[href] { background-color: darken($infoText, 10%); }
+ .#{$item}-info { background-color: $infoText; }
+ .#{$item}-info[href] { background-color: darken($infoText, 10%); }
// Inverse (black)
- &-inverse { background-color: $grayDark; }
- &-inverse[href] { background-color: darken($grayDark, 10%); }
+ .#{$item}-inverse { background-color: $grayDark; }
+ .#{$item}-inverse[href] { background-color: darken($grayDark, 10%); }
}