1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7.md-button.md-THEME_NAME-theme:not([disabled]):hover {
  8  background-color: '{{background-500-0.2}}'; }
  9
 10.md-button.md-THEME_NAME-theme:not([disabled]).md-focused {
 11  background-color: '{{background-500-0.2}}'; }
 12
 13.md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover {
 14  background-color: transparent; }
 15
 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}}'; }
 25
 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}}'; }
 39
 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}}'; }
 49
 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}}'; }
 59
 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}}'; }
 73
 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}}'; }
 87
 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}}';
 90  cursor: default; }
 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}}'; }
 93
 94.md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] {
 95  background-color: '{{foreground-4}}'; }
 96
 97.md-button.md-THEME_NAME-theme[disabled] {
 98  background-color: transparent; }
 99
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}}'; }
104
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}}'; }
109
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}}'; }
114
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}}'; }