2  * Angular Material Design
 
   3  * https://github.com/angular/material
 
   7 .md-button.md-THEME_NAME-theme:not([disabled]):hover {
 
   8   background-color: '{{background-500-0.2}}'; }
 
  10 .md-button.md-THEME_NAME-theme:not([disabled]).md-focused {
 
  11   background-color: '{{background-500-0.2}}'; }
 
  13 .md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover {
 
  14   background-color: transparent; }
 
  16 .md-button.md-THEME_NAME-theme.md-fab {
 
  17   background-color: '{{accent-color}}';
 
  18   color: '{{accent-contrast}}'; }
 
  19   .md-button.md-THEME_NAME-theme.md-fab md-icon {
 
  20     color: '{{accent-contrast}}'; }
 
  21   .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
 
  22     background-color: '{{accent-A700}}'; }
 
  23   .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
 
  24     background-color: '{{accent-A700}}'; }
 
  26 .md-button.md-THEME_NAME-theme.md-primary {
 
  27   color: '{{primary-color}}'; }
 
  28   .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab {
 
  29     color: '{{primary-contrast}}';
 
  30     background-color: '{{primary-color}}'; }
 
  31     .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]) md-icon {
 
  32       color: '{{primary-contrast}}'; }
 
  33     .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]):hover {
 
  34       background-color: '{{primary-600}}'; }
 
  35     .md-button.md-THEME_NAME-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-primary.md-fab:not([disabled]).md-focused {
 
  36       background-color: '{{primary-600}}'; }
 
  37   .md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon {
 
  38     color: '{{primary-color}}'; }
 
  40 .md-button.md-THEME_NAME-theme.md-fab {
 
  41   background-color: '{{accent-color}}';
 
  42   color: '{{accent-contrast}}'; }
 
  43   .md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon {
 
  44     color: '{{accent-contrast}}'; }
 
  45   .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
 
  46     background-color: '{{accent-A700}}'; }
 
  47   .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
 
  48     background-color: '{{accent-A700}}'; }
 
  50 .md-button.md-THEME_NAME-theme.md-raised {
 
  51   color: '{{background-900}}';
 
  52   background-color: '{{background-50}}'; }
 
  53   .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) md-icon {
 
  54     color: '{{background-900}}'; }
 
  55   .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover {
 
  56     background-color: '{{background-50}}'; }
 
  57   .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused {
 
  58     background-color: '{{background-200}}'; }
 
  60 .md-button.md-THEME_NAME-theme.md-warn {
 
  61   color: '{{warn-color}}'; }
 
  62   .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab {
 
  63     color: '{{warn-contrast}}';
 
  64     background-color: '{{warn-color}}'; }
 
  65     .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]) md-icon {
 
  66       color: '{{warn-contrast}}'; }
 
  67     .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]):hover {
 
  68       background-color: '{{warn-600}}'; }
 
  69     .md-button.md-THEME_NAME-theme.md-warn.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-warn.md-fab:not([disabled]).md-focused {
 
  70       background-color: '{{warn-600}}'; }
 
  71   .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon {
 
  72     color: '{{warn-color}}'; }
 
  74 .md-button.md-THEME_NAME-theme.md-accent {
 
  75   color: '{{accent-color}}'; }
 
  76   .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab {
 
  77     color: '{{accent-contrast}}';
 
  78     background-color: '{{accent-color}}'; }
 
  79     .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]) md-icon, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]) md-icon {
 
  80       color: '{{accent-contrast}}'; }
 
  81     .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]):hover {
 
  82       background-color: '{{accent-A700}}'; }
 
  83     .md-button.md-THEME_NAME-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-THEME_NAME-theme.md-accent.md-fab:not([disabled]).md-focused {
 
  84       background-color: '{{accent-A700}}'; }
 
  85   .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon {
 
  86     color: '{{accent-color}}'; }
 
  88 .md-button.md-THEME_NAME-theme[disabled], .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled], .md-button.md-THEME_NAME-theme.md-accent[disabled], .md-button.md-THEME_NAME-theme.md-warn[disabled] {
 
  89   color: '{{foreground-3}}';
 
  91   .md-button.md-THEME_NAME-theme[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-raised[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-fab[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-accent[disabled] md-icon, .md-button.md-THEME_NAME-theme.md-warn[disabled] md-icon {
 
  92     color: '{{foreground-3}}'; }
 
  94 .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] {
 
  95   background-color: '{{foreground-4}}'; }
 
  97 .md-button.md-THEME_NAME-theme[disabled] {
 
  98   background-color: transparent; }
 
 100 ._md a.md-THEME_NAME-theme:not(.md-button).md-primary {
 
 101   color: '{{primary-color}}'; }
 
 102   ._md a.md-THEME_NAME-theme:not(.md-button).md-primary:hover {
 
 103     color: '{{primary-700}}'; }
 
 105 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
 
 106   color: '{{accent-color}}'; }
 
 107   ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
 
 108     color: '{{accent-700}}'; }
 
 110 ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
 
 111   color: '{{accent-color}}'; }
 
 112   ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
 
 113     color: '{{accent-A700}}'; }
 
 115 ._md a.md-THEME_NAME-theme:not(.md-button).md-warn {
 
 116   color: '{{warn-color}}'; }
 
 117   ._md a.md-THEME_NAME-theme:not(.md-button).md-warn:hover {
 
 118     color: '{{warn-700}}'; }