arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/closure/menuBar/menuBar.css
www/lib/angular-material/modules/closure/menuBar/menuBar.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  8  line-height: 1rem;
  9  height: auto;
 10  padding: 28px;
 11  padding-bottom: 12px; }
 12
 13md-toolbar.md-has-open-menu {
 14  position: relative;
 15  z-index: 100; }
 16
 17md-menu-bar {
 18  padding: 0 20px;
 19  display: block;
 20  position: relative;
 21  z-index: 2; }
 22  md-menu-bar .md-menu {
 23    display: inline-block;
 24    padding: 0;
 25    position: relative; }
 26  md-menu-bar button {
 27    font-size: 14px;
 28    padding: 0 10px;
 29    margin: 0;
 30    border: 0;
 31    background-color: transparent;
 32    height: 40px; }
 33  md-menu-bar md-backdrop.md-menu-backdrop {
 34    z-index: -2; }
 35
 36md-menu-content.md-menu-bar-menu.md-dense {
 37  max-height: none;
 38  padding: 16px 0; }
 39  md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
 40    position: relative; }
 41    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
 42      position: absolute;
 43      padding: 0;
 44      width: 24px;
 45      top: 6px;
 46      left: 24px; }
 47      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
 48        left: auto;
 49        right: 24px; }
 50    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 {
 51      padding: 0 32px 0 64px; }
 52      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
 53        padding: 0 64px 0 32px; }
 54  md-menu-content.md-menu-bar-menu.md-dense .md-button {
 55    min-height: 0;
 56    height: 32px;
 57    display: -webkit-box;
 58    display: -webkit-flex;
 59    display: flex; }
 60    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
 61      -webkit-box-flex: 1;
 62      -webkit-flex-grow: 1;
 63              flex-grow: 1; }
 64    md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
 65      -webkit-box-flex: 0;
 66      -webkit-flex-grow: 0;
 67              flex-grow: 0;
 68      -webkit-align-self: flex-end;
 69              align-self: flex-end;
 70      margin: 0 8px; }
 71  md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
 72    margin: 8px 0; }
 73  md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
 74    text-align: left; }
 75    [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
 76      text-align: right; }
 77  md-menu-content.md-menu-bar-menu.md-dense .md-menu {
 78    padding: 0; }
 79    md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
 80      position: relative;
 81      margin: 0;
 82      width: 100%;
 83      text-transform: none;
 84      font-weight: normal;
 85      border-radius: 0px;
 86      padding-left: 16px; }
 87      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
 88        padding-left: 0;
 89        padding-right: 16px; }
 90      md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
 91        display: block;
 92        content: '\25BC';
 93        position: absolute;
 94        top: 0px;
 95        speak: none;
 96        -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
 97                transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
 98        right: 28px; }
 99        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
100          -webkit-transform: rotate(90deg) scaleY(0.45) scaleX(0.9);
101                  transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
102        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
103          right: auto;
104          left: 28px; }