ecomp-portal-FE/client/bower_components/angular-material/modules/js/toolbar/toolbar.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 md-toolbar {
   9   box-sizing: border-box;
  10   display: -webkit-flex;
  11   display: -ms-flexbox;
  12   display: flex;
  13   -webkit-flex-direction: column;
  14       -ms-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-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
  22     transition: box-shadow 0.5s linear; }
  23   md-toolbar *, md-toolbar *:before, md-toolbar *:after {
  24     box-sizing: border-box; }
  25   md-toolbar.md-tall {
  26     height: 128px;
  27     min-height: 128px;
  28     max-height: 128px; }
  29   md-toolbar.md-medium-tall {
  30     height: 88px;
  31     min-height: 88px;
  32     max-height: 88px; }
  33     md-toolbar.md-medium-tall .md-toolbar-tools {
  34       height: 48px;
  35       min-height: 48px;
  36       max-height: 48px; }
  37   md-toolbar .md-indent {
  38     margin-left: 64px; }
  39   md-toolbar ~ md-content > md-list {
  40     padding: 0; }
  41     md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
  42       display: none; }
  43
  44 .md-toolbar-tools {
  45   font-weight: 400;
  46   display: -webkit-flex;
  47   display: -ms-flexbox;
  48   display: flex;
  49   -webkit-align-items: center;
  50       -ms-flex-align: center;
  51           align-items: center;
  52   -webkit-flex-direction: row;
  53       -ms-flex-direction: row;
  54           flex-direction: row;
  55   width: 100%;
  56   height: 64px;
  57   max-height: 64px;
  58   padding: 0 16px;
  59   margin: 0; }
  60   .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  61     font-size: inherit;
  62     font-weight: inherit;
  63     margin: inherit; }
  64   .md-toolbar-tools a {
  65     color: inherit;
  66     text-decoration: none; }
  67   .md-toolbar-tools .fill-height {
  68     display: -webkit-flex;
  69     display: -ms-flexbox;
  70     display: flex;
  71     -webkit-align-items: center;
  72         -ms-flex-align: center;
  73             align-items: center; }
  74   .md-toolbar-tools .md-button {
  75     margin-top: 0;
  76     margin-bottom: 0; }
  77   .md-toolbar-tools > .md-button:first-child {
  78     margin-left: -8px; }
  79   .md-toolbar-tools > .md-button:last-child {
  80     margin-right: -8px; }
  81   @media screen and (-ms-high-contrast: active) {
  82     .md-toolbar-tools {
  83       border-bottom: 1px solid #fff; } }