navBar-default-theme.css 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*!
  2. * AngularJS Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v1.1.8-master-aba7b2b
  6. */
  7. md-nav-bar.md-THEME_NAME-theme .md-nav-bar {
  8. background-color: transparent;
  9. border-color: '{{foreground-4}}'; }
  10. md-nav-bar.md-THEME_NAME-theme .md-button._md-nav-button.md-unselected {
  11. color: '{{foreground-2}}'; }
  12. md-nav-bar.md-THEME_NAME-theme md-nav-ink-bar {
  13. color: '{{accent-color}}';
  14. background: '{{accent-color}}'; }
  15. md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar {
  16. background-color: '{{accent-color}}'; }
  17. md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button {
  18. color: '{{accent-A100}}'; }
  19. md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
  20. color: '{{accent-contrast}}'; }
  21. md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar .md-button._md-nav-button.md-focused {
  22. background: '{{accent-contrast-0.1}}'; }
  23. md-nav-bar.md-THEME_NAME-theme.md-accent > .md-nav-bar md-nav-ink-bar {
  24. color: '{{primary-600-1}}';
  25. background: '{{primary-600-1}}'; }
  26. md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar {
  27. background-color: '{{warn-color}}'; }
  28. md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button {
  29. color: '{{warn-100}}'; }
  30. md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
  31. color: '{{warn-contrast}}'; }
  32. md-nav-bar.md-THEME_NAME-theme.md-warn > .md-nav-bar .md-button._md-nav-button.md-focused {
  33. background: '{{warn-contrast-0.1}}'; }
  34. md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar {
  35. background-color: '{{primary-color}}'; }
  36. md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button {
  37. color: '{{primary-100}}'; }
  38. md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-active, md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
  39. color: '{{primary-contrast}}'; }
  40. md-nav-bar.md-THEME_NAME-theme.md-primary > .md-nav-bar .md-button._md-nav-button.md-focused {
  41. background: '{{primary-contrast-0.1}}'; }
  42. md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  43. background-color: '{{primary-color}}'; }
  44. md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
  45. color: '{{primary-100}}'; }
  46. md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  47. color: '{{primary-contrast}}'; }
  48. md-toolbar > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  49. background: '{{primary-contrast-0.1}}'; }
  50. md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  51. background-color: '{{accent-color}}'; }
  52. md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
  53. color: '{{accent-A100}}'; }
  54. md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  55. color: '{{accent-contrast}}'; }
  56. md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  57. background: '{{accent-contrast-0.1}}'; }
  58. md-toolbar.md-accent > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar md-nav-ink-bar {
  59. color: '{{primary-600-1}}';
  60. background: '{{primary-600-1}}'; }
  61. md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar {
  62. background-color: '{{warn-color}}'; }
  63. md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button {
  64. color: '{{warn-100}}'; }
  65. md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-active, md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  66. color: '{{warn-contrast}}'; }
  67. md-toolbar.md-warn > md-nav-bar.md-THEME_NAME-theme > .md-nav-bar .md-button._md-nav-button.md-focused {
  68. background: '{{warn-contrast-0.1}}'; }