ecomp-portal-FE/client/bower_components/angular-material/modules/closure/select/select.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-select-menu-container {
   9   position: fixed;
  10   left: 0;
  11   top: 0;
  12   z-index: 99;
  13   opacity: 0; }
  14   .md-select-menu-container:not(.md-clickable) {
  15     pointer-events: none; }
  16   .md-select-menu-container md-progress-circular {
  17     display: table;
  18     margin: 24px auto !important; }
  19   .md-select-menu-container.md-active {
  20     opacity: 1; }
  21     .md-select-menu-container.md-active md-select-menu {
  22       transition: -webkit-transform all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  23       transition: transform all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  24       transition-duration: 200ms; }
  25       .md-select-menu-container.md-active md-select-menu > * {
  26         opacity: 1;
  27         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  28         transition-duration: 200ms;
  29         transition-delay: 100ms; }
  30   .md-select-menu-container.md-leave {
  31     opacity: 0;
  32     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  33     transition-duration: 250ms; }
  34
  35 md-input-container > md-select {
  36   margin: 0;
  37   margin-top: 3px; }
  38
  39 md-select {
  40   padding: 24px 2px 26px;
  41   display: -webkit-flex;
  42   display: -ms-flexbox;
  43   display: flex; }
  44   md-select:focus {
  45     outline: none; }
  46   md-select[disabled]:hover {
  47     cursor: default; }
  48   md-select:not([disabled]):hover {
  49     cursor: pointer; }
  50   md-select:not([disabled]).ng-invalid.ng-dirty .md-select-label {
  51     border-bottom: 2px solid;
  52     padding-bottom: 0; }
  53   md-select:not([disabled]):focus .md-select-label {
  54     border-bottom: 2px solid;
  55     padding-bottom: 0; }
  56
  57 .md-select-label {
  58   display: -webkit-flex;
  59   display: -ms-flexbox;
  60   display: flex;
  61   -webkit-align-items: center;
  62       -ms-flex-align: center;
  63           align-items: center;
  64   padding: 2px 2px 1px;
  65   border-bottom: 1px solid;
  66   position: relative;
  67   box-sizing: content-box;
  68   min-width: 64px;
  69   min-height: 26px; }
  70   .md-select-label *:first-child {
  71     -webkit-flex: 1;
  72         -ms-flex: 1;
  73             flex: 1;
  74     text-overflow: ellipsis;
  75     white-space: nowrap;
  76     overflow: hidden;
  77     max-width: calc(100% - 2*8px);
  78     -webkit-transform: translate3d(0, 2px, 0);
  79             transform: translate3d(0, 2px, 0); }
  80   .md-select-label .md-select-icon {
  81     -webkit-align-items: flex-end;
  82         -ms-flex-align: end;
  83             align-items: flex-end;
  84     text-align: end;
  85     width: 24px;
  86     margin: 0 4px;
  87     -webkit-transform: translate3d(0, 1px, 0);
  88             transform: translate3d(0, 1px, 0); }
  89   .md-select-label .md-select-icon:after {
  90     display: block;
  91     content: '\25BC';
  92     position: relative;
  93     top: 2px;
  94     speak: none;
  95     -webkit-transform: scaleY(0.6) scaleX(1);
  96             transform: scaleY(0.6) scaleX(1); }
  97
  98 md-select-menu {
  99   display: -webkit-flex;
 100   display: -ms-flexbox;
 101   display: flex;
 102   -webkit-flex-direction: column;
 103       -ms-flex-direction: column;
 104           flex-direction: column;
 105   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084);
 106   max-height: 256px;
 107   min-height: 48px;
 108   overflow-y: hidden;
 109   -webkit-transform-origin: left top;
 110           transform-origin: left top;
 111   -webkit-transform: scale(1);
 112           transform: scale(1); }
 113   md-select-menu.md-reverse {
 114     -webkit-flex-direction: column-reverse;
 115         -ms-flex-direction: column-reverse;
 116             flex-direction: column-reverse; }
 117   md-select-menu:not(.md-overflow) md-content {
 118     padding-top: 8px;
 119     padding-bottom: 8px; }
 120   html[dir=rtl] md-select-menu {
 121     -webkit-transform-origin: right top;
 122             transform-origin: right top; }
 123   md-select-menu md-content {
 124     min-width: 136px;
 125     min-height: 48px;
 126     max-height: 256px;
 127     overflow-y: auto; }
 128   md-select-menu > * {
 129     opacity: 0; }
 130
 131 md-option {
 132   cursor: pointer;
 133   position: relative;
 134   display: -webkit-flex;
 135   display: -ms-flexbox;
 136   display: flex;
 137   -webkit-align-items: center;
 138       -ms-flex-align: center;
 139           align-items: center;
 140   width: auto;
 141   padding: 0 16px 0 16px;
 142   height: 48px; }
 143   md-option:focus {
 144     outline: none; }
 145   md-option .md-text {
 146     width: auto;
 147     white-space: nowrap;
 148     overflow: hidden;
 149     text-overflow: ellipsis;
 150     font-size: 16px; }
 151
 152 md-optgroup {
 153   display: block; }
 154   md-optgroup label {
 155     display: block;
 156     font-size: 14px;
 157     text-transform: uppercase;
 158     padding: 16px;
 159     font-weight: 500; }
 160   md-optgroup md-option {
 161     padding-left: 32px;
 162     padding-right: 32px; }
 163
 164 @media screen and (-ms-high-contrast: active) {
 165   .md-select-backdrop {
 166     background-color: transparent; }
 167   md-select-menu {
 168     border: 1px solid #fff; } }