You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
6.0 KiB

  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. .md-button.md-THEME_NAME-theme:not([disabled]).md-focused {
  10. background-color: '{{background-500-0.2}}'; }
  11. .md-button.md-THEME_NAME-theme:not([disabled]).md-icon-button:hover {
  12. background-color: transparent; }
  13. .md-button.md-THEME_NAME-theme.md-fab {
  14. background-color: '{{accent-color}}';
  15. color: '{{accent-contrast}}'; }
  16. .md-button.md-THEME_NAME-theme.md-fab md-icon {
  17. color: '{{accent-contrast}}'; }
  18. .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
  19. background-color: '{{accent-A700}}'; }
  20. .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
  21. background-color: '{{accent-A700}}'; }
  22. .md-button.md-THEME_NAME-theme.md-primary {
  23. color: '{{primary-color}}'; }
  24. .md-button.md-THEME_NAME-theme.md-primary.md-raised, .md-button.md-THEME_NAME-theme.md-primary.md-fab {
  25. color: '{{primary-contrast}}';
  26. background-color: '{{primary-color}}'; }
  27. .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 {
  28. color: '{{primary-contrast}}'; }
  29. .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 {
  30. background-color: '{{primary-600}}'; }
  31. .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 {
  32. background-color: '{{primary-600}}'; }
  33. .md-button.md-THEME_NAME-theme.md-primary:not([disabled]) md-icon {
  34. color: '{{primary-color}}'; }
  35. .md-button.md-THEME_NAME-theme.md-fab {
  36. background-color: '{{accent-color}}';
  37. color: '{{accent-contrast}}'; }
  38. .md-button.md-THEME_NAME-theme.md-fab:not([disabled]) .md-icon {
  39. color: '{{accent-contrast}}'; }
  40. .md-button.md-THEME_NAME-theme.md-fab:not([disabled]):hover {
  41. background-color: '{{accent-A700}}'; }
  42. .md-button.md-THEME_NAME-theme.md-fab:not([disabled]).md-focused {
  43. background-color: '{{accent-A700}}'; }
  44. .md-button.md-THEME_NAME-theme.md-raised {
  45. color: '{{background-900}}';
  46. background-color: '{{background-50}}'; }
  47. .md-button.md-THEME_NAME-theme.md-raised:not([disabled]) md-icon {
  48. color: '{{background-900}}'; }
  49. .md-button.md-THEME_NAME-theme.md-raised:not([disabled]):hover {
  50. background-color: '{{background-50}}'; }
  51. .md-button.md-THEME_NAME-theme.md-raised:not([disabled]).md-focused {
  52. background-color: '{{background-200}}'; }
  53. .md-button.md-THEME_NAME-theme.md-warn {
  54. color: '{{warn-color}}'; }
  55. .md-button.md-THEME_NAME-theme.md-warn.md-raised, .md-button.md-THEME_NAME-theme.md-warn.md-fab {
  56. color: '{{warn-contrast}}';
  57. background-color: '{{warn-color}}'; }
  58. .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 {
  59. color: '{{warn-contrast}}'; }
  60. .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 {
  61. background-color: '{{warn-600}}'; }
  62. .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 {
  63. background-color: '{{warn-600}}'; }
  64. .md-button.md-THEME_NAME-theme.md-warn:not([disabled]) md-icon {
  65. color: '{{warn-color}}'; }
  66. .md-button.md-THEME_NAME-theme.md-accent {
  67. color: '{{accent-color}}'; }
  68. .md-button.md-THEME_NAME-theme.md-accent.md-raised, .md-button.md-THEME_NAME-theme.md-accent.md-fab {
  69. color: '{{accent-contrast}}';
  70. background-color: '{{accent-color}}'; }
  71. .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 {
  72. color: '{{accent-contrast}}'; }
  73. .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 {
  74. background-color: '{{accent-A700}}'; }
  75. .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 {
  76. background-color: '{{accent-A700}}'; }
  77. .md-button.md-THEME_NAME-theme.md-accent:not([disabled]) md-icon {
  78. color: '{{accent-color}}'; }
  79. .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] {
  80. color: '{{foreground-3}}';
  81. cursor: default; }
  82. .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 {
  83. color: '{{foreground-3}}'; }
  84. .md-button.md-THEME_NAME-theme.md-raised[disabled], .md-button.md-THEME_NAME-theme.md-fab[disabled] {
  85. background-color: '{{foreground-4}}'; }
  86. .md-button.md-THEME_NAME-theme[disabled] {
  87. background-color: transparent; }
  88. ._md a.md-THEME_NAME-theme:not(.md-button).md-primary {
  89. color: '{{primary-color}}'; }
  90. ._md a.md-THEME_NAME-theme:not(.md-button).md-primary:hover {
  91. color: '{{primary-700}}'; }
  92. ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
  93. color: '{{accent-color}}'; }
  94. ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
  95. color: '{{accent-700}}'; }
  96. ._md a.md-THEME_NAME-theme:not(.md-button).md-accent {
  97. color: '{{accent-color}}'; }
  98. ._md a.md-THEME_NAME-theme:not(.md-button).md-accent:hover {
  99. color: '{{accent-A700}}'; }
  100. ._md a.md-THEME_NAME-theme:not(.md-button).md-warn {
  101. color: '{{warn-color}}'; }
  102. ._md a.md-THEME_NAME-theme:not(.md-button).md-warn:hover {
  103. color: '{{warn-700}}'; }