themes/default/less/labels.less

   1 // LABELS
   2 // ------
   3
   4 // Base
   5 .label {
   6   padding: 2px 4px 3px;
   7   font-size: @baseFontSize * .85;
   8   font-weight: 400;
   9   color: @grayDarker;
  10   background-color: @grayLight;
  11   .border-radius;
  12 }
  13
  14 // Hover state
  15 .label:hover {
  16   color: @white;
  17   text-decoration: none;
  18 }
  19
  20 // Colors
  21
  22 .label-file {
  23   background-color: @orange;
  24   color: @white;
  25 }
  26 .label-file:hover { background-color: darken(@orange, 10%); }
  27
  28 .label-note { background-color: @yellow;
  29   color: darken(@yellow, 30%);
  30   text-shadow: 0 1px 0 rgba(255,255,255,.2);
  31 }
  32 .label-note:hover       { background-color: darken(@yellow, 10%); }
  33
  34 .label-lead {
  35   background-color: @green;
  36   color: @white;
  37 }
  38 .label-lead:hover       { background-color: darken(@green, 20%); }
  39
  40 .label-contact {
  41   background-color: @blue;
  42   color: @white;
  43 }
  44 .label-contact:hover    { background-color: darken(@blue, 10%); }
  45
  46 .label-document {
  47   background-color: @purple;
  48   color: @white;
  49 }
  50 .label-document:hover   { background-color: darken(@purple, 10%); }