ecomp-portal-FE/client/bower_components/angular-material/modules/closure/sidenav/sidenav.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-sidenav {
   9   box-sizing: border-box;
  10   position: absolute;
  11   width: 304px;
  12   min-width: 304px;
  13   max-width: 304px;
  14   bottom: 0;
  15   z-index: 60;
  16   background-color: white;
  17   overflow: auto;
  18   -webkit-flex-direction: column;
  19       -ms-flex-direction: column;
  20           flex-direction: column; }
  21   md-sidenav *, md-sidenav *:before, md-sidenav *:after {
  22     box-sizing: border-box; }
  23   md-sidenav ul {
  24     list-style: none; }
  25   md-sidenav.md-closed {
  26     display: none; }
  27   md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  28     display: -webkit-flex;
  29     display: -ms-flexbox;
  30     display: flex;
  31     /* this is required as of 1.3x to properly
  32        apply all styling in a show/hide animation */
  33     transition: 0s all; }
  34   md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
  35     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  36   md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
  37     position: static;
  38     display: -webkit-flex;
  39     display: -ms-flexbox;
  40     display: flex;
  41     -webkit-transform: translate3d(0, 0, 0);
  42             transform: translate3d(0, 0, 0); }
  43   md-sidenav.md-locked-open {
  44     width: 304px;
  45     min-width: 304px;
  46     max-width: 304px; }
  47   md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
  48     position: static;
  49     display: -webkit-flex;
  50     display: -ms-flexbox;
  51     display: flex;
  52     -webkit-transform: translate3d(0, 0, 0);
  53             transform: translate3d(0, 0, 0); }
  54   md-sidenav.md-locked-open-remove-active {
  55     transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  56     width: 0;
  57     min-width: 0; }
  58   md-sidenav.md-closed.md-locked-open-add {
  59     width: 0;
  60     min-width: 0;
  61     -webkit-transform: translate3d(0%, 0, 0);
  62             transform: translate3d(0%, 0, 0); }
  63   md-sidenav.md-closed.md-locked-open-add-active {
  64     transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  65     width: 304px;
  66     min-width: 304px;
  67     -webkit-transform: translate3d(0%, 0, 0);
  68             transform: translate3d(0%, 0, 0); }
  69
  70 .md-sidenav-backdrop.md-locked-open {
  71   display: none; }
  72
  73 .md-sidenav-left, md-sidenav {
  74   left: 0;
  75   top: 0;
  76   -webkit-transform: translate3d(0%, 0, 0);
  77           transform: translate3d(0%, 0, 0); }
  78   .md-sidenav-left.md-closed, md-sidenav.md-closed {
  79     -webkit-transform: translate3d(-100%, 0, 0);
  80             transform: translate3d(-100%, 0, 0); }
  81
  82 .md-sidenav-right {
  83   left: 100%;
  84   top: 0;
  85   -webkit-transform: translate3d(-100%, 0, 0);
  86           transform: translate3d(-100%, 0, 0); }
  87   .md-sidenav-right.md-closed {
  88     -webkit-transform: translate3d(0%, 0, 0);
  89             transform: translate3d(0%, 0, 0); }
  90
  91 @media (max-width: 360px) {
  92   md-sidenav {
  93     width: 85%; } }
  94
  95 @media screen and (-ms-high-contrast: active) {
  96   .md-sidenav-left, md-sidenav {
  97     border-right: 1px solid #fff; }
  98   .md-sidenav-right {
  99     border-left: 1px solid #fff; } }