浏览代码

ux(sass): restored label colors

Torkel Ödegaard 9 年之前
父节点
当前提交
18079aaced
共有 1 个文件被更改,包括 21 次插入0 次删除
  1. 21 0
      public/less/components/_tags.scss

+ 21 - 0
public/less/components/_tags.scss

@@ -37,3 +37,24 @@
   background-color: darken($purple, 10%);
 }
 
+
+// Colors
+// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
+.label,
+.badge {
+  // Important (red)
+  &-important         { background-color: $errorText; }
+  &-important[href]   { background-color: darken($errorText, 10%); }
+  // Warnings (orange)
+  &-warning           { background-color: $orange; }
+  &-warning[href]     { background-color: darken($orange, 10%); }
+  // Success (green)
+  &-success           { background-color: $successText; }
+  &-success[href]     { background-color: darken($successText, 10%); }
+  // Info (turquoise)
+  &-info              { background-color: $infoText; }
+  &-info[href]        { background-color: darken($infoText, 10%); }
+  // Inverse (black)
+  &-inverse           { background-color: $grayDark; }
+  &-inverse[href]     { background-color: darken($grayDark, 10%); }
+}