arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/lib/angular-material/modules/closure/toolbar/toolbar.css
www/lib/angular-material/modules/closure/toolbar/toolbar.cssRaw
  1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7md-toolbar {
  8  box-sizing: border-box;
  9  display: -webkit-box;
 10  display: -webkit-flex;
 11  display: flex;
 12  -webkit-box-orient: vertical;
 13  -webkit-box-direction: normal;
 14  -webkit-flex-direction: column;
 15          flex-direction: column;
 16  position: relative;
 17  z-index: 2;
 18  font-size: 20px;
 19  min-height: 64px;
 20  width: 100%; }
 21  md-toolbar._md-toolbar-transitions {
 22    -webkit-transition-duration: 0.5s;
 23            transition-duration: 0.5s;
 24    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
 25            transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
 26    -webkit-transition-property: background-color, fill, color;
 27    transition-property: background-color, fill, color; }
 28  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
 29    -webkit-transition: box-shadow 0.5s linear;
 30    transition: box-shadow 0.5s linear; }
 31  md-toolbar md-toolbar-filler {
 32    width: 72px; }
 33  md-toolbar *,
 34  md-toolbar *:before,
 35  md-toolbar *:after {
 36    box-sizing: border-box; }
 37  md-toolbar.ng-animate {
 38    -webkit-transition: none;
 39    transition: none; }
 40  md-toolbar.md-tall {
 41    height: 128px;
 42    min-height: 128px;
 43    max-height: 128px; }
 44  md-toolbar.md-medium-tall {
 45    height: 88px;
 46    min-height: 88px;
 47    max-height: 88px; }
 48    md-toolbar.md-medium-tall .md-toolbar-tools {
 49      height: 48px;
 50      min-height: 48px;
 51      max-height: 48px; }
 52  md-toolbar > .md-indent {
 53    margin-left: 64px; }
 54    [dir=rtl] md-toolbar > .md-indent {
 55      margin-left: auto;
 56      margin-right: 64px; }
 57  md-toolbar ~ md-content > md-list {
 58    padding: 0; }
 59    md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
 60      display: none; }
 61
 62.md-toolbar-tools {
 63  font-size: 20px;
 64  letter-spacing: 0.005em;
 65  box-sizing: border-box;
 66  font-weight: 400;
 67  display: -webkit-box;
 68  display: -webkit-flex;
 69  display: flex;
 70  -webkit-box-align: center;
 71  -webkit-align-items: center;
 72          align-items: center;
 73  -webkit-box-orient: horizontal;
 74  -webkit-box-direction: normal;
 75  -webkit-flex-direction: row;
 76          flex-direction: row;
 77  width: 100%;
 78  height: 64px;
 79  max-height: 64px;
 80  padding: 0 16px;
 81  margin: 0; }
 82  .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
 83    font-size: inherit;
 84    font-weight: inherit;
 85    margin: inherit; }
 86  .md-toolbar-tools a {
 87    color: inherit;
 88    text-decoration: none; }
 89  .md-toolbar-tools .fill-height {
 90    display: -webkit-box;
 91    display: -webkit-flex;
 92    display: flex;
 93    -webkit-box-align: center;
 94    -webkit-align-items: center;
 95            align-items: center; }
 96  .md-toolbar-tools .md-button {
 97    margin-top: 0;
 98    margin-bottom: 0; }
 99    .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
100      -webkit-transition-duration: 0.5s;
101              transition-duration: 0.5s;
102      -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
103              transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
104      -webkit-transition-property: background-color, fill, color;
105      transition-property: background-color, fill, color; }
106      .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
107        -webkit-transition: none;
108        transition: none; }
109  .md-toolbar-tools > .md-button:first-child {
110    margin-left: -8px; }
111    [dir=rtl] .md-toolbar-tools > .md-button:first-child {
112      margin-left: auto;
113      margin-right: -8px; }
114  .md-toolbar-tools > .md-button:last-child {
115    margin-right: -8px; }
116    [dir=rtl] .md-toolbar-tools > .md-button:last-child {
117      margin-right: auto;
118      margin-left: -8px; }
119  .md-toolbar-tools > md-menu:last-child {
120    margin-right: -8px; }
121    [dir=rtl] .md-toolbar-tools > md-menu:last-child {
122      margin-right: auto;
123      margin-left: -8px; }
124    .md-toolbar-tools > md-menu:last-child > .md-button {
125      margin-right: 0; }
126      [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
127        margin-right: auto;
128        margin-left: 0; }
129  @media screen and (-ms-high-contrast: active) {
130    .md-toolbar-tools {
131      border-bottom: 1px solid #fff; } }
132
133@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
134  md-toolbar {
135    min-height: 56px; }
136  .md-toolbar-tools {
137    height: 56px;
138    max-height: 56px; } }
139
140@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
141  md-toolbar {
142    min-height: 48px; }
143  .md-toolbar-tools {
144    height: 48px;
145    max-height: 48px; } }