| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| .md-open-menu-container { |
| position: fixed; |
| left: 0; |
| top: 0; |
| z-index: 100; |
| opacity: 0; |
| border-radius: 2px; } |
| .md-open-menu-container md-menu-divider { |
| margin-top: 4px; |
| margin-bottom: 4px; |
| height: 1px; |
| min-height: 1px; |
| max-height: 1px; |
| width: 100%; } |
| .md-open-menu-container md-menu-content > * { |
| opacity: 0; } |
| .md-open-menu-container:not(.md-clickable) { |
| pointer-events: none; } |
| .md-open-menu-container.md-active { |
| opacity: 1; |
| transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); |
| transition-duration: 200ms; } |
| .md-open-menu-container.md-active > md-menu-content > * { |
| opacity: 1; |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); |
| transition-duration: 200ms; |
| transition-delay: 100ms; } |
| .md-open-menu-container.md-leave { |
| opacity: 0; |
| transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); |
| transition-duration: 250ms; } |
| |
| md-menu-content { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; |
| padding: 8px 0; |
| max-height: 304px; |
| overflow-y: auto; } |
| md-menu-content.md-dense { |
| max-height: 208px; } |
| md-menu-content.md-dense md-menu-item { |
| height: 32px; |
| min-height: 0px; } |
| |
| md-menu-item { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| min-height: 48px; |
| height: 48px; |
| -webkit-align-content: center; |
| -ms-flex-line-pack: center; |
| align-content: center; |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; } |
| md-menu-item > * { |
| width: 100%; |
| margin: auto 0; |
| padding-left: 16px; |
| padding-right: 16px; } |
| md-menu-item > a.md-button { |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| md-menu-item > .md-button { |
| border-radius: 0; |
| margin: auto 0; |
| font-size: 15px; |
| text-transform: none; |
| font-weight: 400; |
| text-align: left; |
| text-align: start; |
| height: 100%; |
| padding-left: 16px; |
| padding-right: 16px; |
| display: inline-block; |
| -webkit-align-items: baseline; |
| -ms-flex-align: baseline; |
| align-items: baseline; |
| -webkit-align-content: flex-start; |
| -ms-flex-line-pack: start; |
| align-content: flex-start; |
| width: 100%; } |
| md-menu-item > .md-button md-icon { |
| margin: auto 16px auto 0; } |
| md-menu-item > .md-button p { |
| display: inline-block; |
| margin: auto; } |
| md-menu-item > .md-button span { |
| margin-top: auto; |
| margin-bottom: auto; } |
| md-menu-item > .md-button .md-ripple-container { |
| border-radius: inherit; } |
| |
| .md-menu { |
| padding: 8px 0; } |
| |
| md-toolbar .md-menu { |
| height: auto; |
| margin: auto; |
| padding: 0; } |
| |
| @media (max-width: 959px) { |
| md-menu-content { |
| min-width: 112px; } |
| md-menu-content[width="3"] { |
| min-width: 168px; } |
| md-menu-content[width="4"] { |
| min-width: 224px; } |
| md-menu-content[width="5"] { |
| min-width: 280px; } |
| md-menu-content[width="6"] { |
| min-width: 336px; } |
| md-menu-content[width="7"] { |
| min-width: 392px; } } |
| |
| @media (min-width: 960px) { |
| md-menu-content { |
| min-width: 96px; } |
| md-menu-content[width="3"] { |
| min-width: 192px; } |
| md-menu-content[width="4"] { |
| min-width: 256px; } |
| md-menu-content[width="5"] { |
| min-width: 320px; } |
| md-menu-content[width="6"] { |
| min-width: 384px; } |
| md-menu-content[width="7"] { |
| min-width: 448px; } } |