git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/aesthetic-ui/styles/ui-mixins.less

   1 @import "ui-variables";
   2
   3 // Pattern matching; ish is cray.
   4 // http://lesscss.org/#-pattern-matching-and-guard-expressions
   5 .text(normal) {
   6   font-weight: normal;
   7   color: @text-color;
   8   text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
   9 }
  10 .text(subtle) {
  11   font-weight: normal;
  12   color: @text-color-subtle;
  13   text-shadow: none;
  14 }
  15 .text(highlight) {
  16   font-weight: normal;
  17   color: @text-color-highlight;
  18 }
  19 .text(selected) {
  20   font-weight: normal;
  21   color: @text-color-selected;
  22   text-shadow: none;
  23 }
  24
  25 .text(info) {
  26   color: @text-color-info;
  27   text-shadow: none;
  28 }
  29 .text(success) {
  30   color: @text-color-success;
  31   text-shadow: none;
  32 }
  33 .text(warning) {
  34   color: @text-color-warning;
  35   text-shadow: none;
  36 }
  37 .text(error) {
  38   color: @text-color-error;
  39   text-shadow: none;
  40 }
  41
  42 .ui-tab-shadow {
  43   box-shadow:
  44     inset -1px 0px 0 @shadow-2-color,
  45     inset 1px 1px 0 @highlight-2-color,
  46     inset -2px 0px 0 @shadow-1-color,
  47     inset 2px 2px 0 @highlight-1-color;
  48 }
  49 .ui-raised-shadow {
  50   box-shadow:
  51     inset -1px -1px 0 @shadow-2-color,
  52     inset 1px 1px 0 @highlight-2-color,
  53     inset -2px -2px 0 @shadow-1-color,
  54     inset 2px 2px 0 @highlight-1-color;
  55 }
  56 .ui-raised-shadow-active {
  57   box-shadow:
  58     inset -1px -1px 0 @shadow-2-color,
  59     inset 1px 1px 0 @highlight-2-color,
  60     inset -2px -2px 0 @shadow-1-color,
  61     inset 2px 2px 0 @highlight-1-color,
  62     -1px -1px black,
  63     -1px 1px black,
  64     1px -1px black,
  65     1px 1px black;
  66 }
  67 .ui-inset-shadow {
  68   box-shadow:
  69     inset -1px -1px 0 @highlight-2-color,
  70     inset 1px 1px 0 @shadow-2-color,
  71     inset -2px -2px 0 @highlight-1-color,
  72     inset 2px 2px 0 @shadow-1-color;
  73 }
  74 .ui-inset-shadow-active {
  75   box-shadow:
  76     inset -1px -1px 0 @highlight-2-color,
  77     inset 1px 1px 0 @shadow-2-color,
  78     inset -2px -2px 0 @highlight-1-color,
  79     inset 2px 2px 0 @shadow-1-color,
  80     -1px -1px black,
  81     -1px 1px black,
  82     1px -1px black,
  83     1px 1px black;
  84 }