menuBar.css 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  8. line-height: 1rem;
  9. height: auto;
  10. padding: 28px;
  11. padding-bottom: 12px; }
  12. md-menu-bar {
  13. padding: 0 20px;
  14. display: block;
  15. position: relative;
  16. z-index: 2; }
  17. md-menu-bar .md-menu {
  18. display: inline-block;
  19. padding: 0;
  20. position: relative; }
  21. md-menu-bar button {
  22. font-size: 14px;
  23. padding: 0 10px;
  24. margin: 0;
  25. border: 0;
  26. background-color: transparent;
  27. height: 40px; }
  28. md-menu-bar md-backdrop.md-menu-backdrop {
  29. z-index: -2; }
  30. md-menu-content.md-menu-bar-menu.md-dense {
  31. max-height: none;
  32. padding: 16px 0; }
  33. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
  34. position: relative; }
  35. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
  36. position: absolute;
  37. padding: 0;
  38. width: 24px;
  39. top: 6px;
  40. left: 24px; }
  41. md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
  42. padding: 0 32px 0 64px; }
  43. md-menu-content.md-menu-bar-menu.md-dense .md-button {
  44. min-height: 0;
  45. height: 32px;
  46. display: -webkit-flex;
  47. display: -ms-flexbox;
  48. display: flex; }
  49. md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  50. -webkit-flex-grow: 1;
  51. -ms-flex-positive: 1;
  52. flex-grow: 1; }
  53. md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  54. -webkit-flex-grow: 0;
  55. -ms-flex-positive: 0;
  56. flex-grow: 0;
  57. -webkit-align-self: flex-end;
  58. -ms-flex-item-align: end;
  59. align-self: flex-end;
  60. margin: 0 8px; }
  61. md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
  62. margin: 8px 0; }
  63. md-menu-content.md-menu-bar-menu.md-dense .md-menu {
  64. padding: 0; }
  65. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
  66. position: relative;
  67. margin: 0;
  68. width: 100%;
  69. text-align: left;
  70. text-align: start;
  71. text-transform: none;
  72. font-weight: normal;
  73. border-radius: 0px;
  74. padding-left: 16px; }
  75. md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
  76. display: block;
  77. content: '\25BC';
  78. position: absolute;
  79. top: 0px;
  80. speak: none;
  81. -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  82. transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  83. right: 28px; }