menuBar-default-theme.css 1.3 KB

12345678910111213141516171819202122232425262728293031
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-menu-bar.md-THEME_NAME-theme > button.md-button {
  8. color: '{{foreground-2}}';
  9. border-radius: 2px; }
  10. md-menu-bar.md-THEME_NAME-theme md-menu.md-open > button, md-menu-bar.md-THEME_NAME-theme md-menu > button:focus {
  11. outline: none;
  12. background: '{{background-200}}'; }
  13. md-menu-bar.md-THEME_NAME-theme.md-open:not(.md-keyboard-mode) md-menu:hover > button {
  14. background-color: '{{ background-500-0.2}}'; }
  15. md-menu-bar.md-THEME_NAME-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:hover, md-menu-bar.md-THEME_NAME-theme:not(.md-keyboard-mode):not(.md-open) md-menu button:focus {
  16. background: transparent; }
  17. md-menu-content.md-THEME_NAME-theme .md-menu > .md-button:after {
  18. color: '{{foreground-2}}'; }
  19. md-menu-content.md-THEME_NAME-theme .md-menu.md-open > .md-button {
  20. background-color: '{{ background-500-0.2}}'; }
  21. md-toolbar.md-THEME_NAME-theme.md-menu-toolbar {
  22. background-color: '{{background-color}}';
  23. color: '{{foreground-1}}'; }
  24. md-toolbar.md-THEME_NAME-theme.md-menu-toolbar md-toolbar-filler {
  25. background-color: '{{primary-color}}';
  26. color: '{{primary-contrast}}'; }
  27. md-toolbar.md-THEME_NAME-theme.md-menu-toolbar md-toolbar-filler md-icon {
  28. color: '{{primary-contrast}}'; }