ecomp-portal-FE/client/bower_components/angular-material/modules/closure/list/list.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-list {
   9   display: block;
  10   padding: 8px 0px 8px 0px; }
  11   md-list .md-subheader {
  12     line-height: 0.75em; }
  13
  14 md-list-item.md-proxy-focus.md-focused .md-no-style {
  15   transition: background-color 0.15s linear; }
  16 md-list-item.md-no-proxy, md-list-item .md-no-style {
  17   position: relative;
  18   padding: 0px 16px;
  19   -webkit-flex: 1;
  20       -ms-flex: 1;
  21           flex: 1; }
  22   md-list-item.md-no-proxy.md-button, md-list-item .md-no-style.md-button {
  23     font-size: inherit;
  24     height: inherit;
  25     text-align: left;
  26     text-transform: none;
  27     width: 100%;
  28     white-space: normal; }
  29   md-list-item.md-no-proxy:focus, md-list-item .md-no-style:focus {
  30     outline: none; }
  31 md-list-item.md-with-secondary {
  32   position: relative; }
  33 md-list-item.md-clickable:hover {
  34   cursor: pointer; }
  35 md-list-item md-divider {
  36   position: absolute;
  37   bottom: 0;
  38   left: 0;
  39   width: 100%; }
  40   md-list-item md-divider[md-inset] {
  41     left: 96px;
  42     width: calc(100% - 96px);
  43     margin: 0; }
  44
  45 md-list-item, md-list-item .md-list-item-inner {
  46   display: -webkit-flex;
  47   display: -ms-flexbox;
  48   display: flex;
  49   -webkit-justify-content: flex-start;
  50       -ms-flex-pack: start;
  51           justify-content: flex-start;
  52   -webkit-align-items: center;
  53       -ms-flex-align: center;
  54           align-items: center;
  55   min-height: 48px; }
  56   md-list-item > div.md-primary > md-icon, md-list-item > div.md-secondary > md-icon, md-list-item > md-icon:first-child, md-list-item > md-icon.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-icon, md-list-item .md-list-item-inner > div.md-secondary > md-icon, md-list-item .md-list-item-inner > md-icon:first-child, md-list-item .md-list-item-inner > md-icon.md-secondary {
  57     width: 24px;
  58     margin-top: 16px;
  59     margin-bottom: 12px;
  60     box-sizing: content-box; }
  61   md-list-item > div.md-primary > md-checkbox, md-list-item > div.md-secondary > md-checkbox, md-list-item > md-checkbox:first-child, md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox, md-list-item .md-list-item-inner > md-checkbox:first-child, md-list-item .md-list-item-inner md-checkbox.md-secondary {
  62     -webkit-align-self: center;
  63         -ms-flex-item-align: center;
  64             align-self: center; }
  65     md-list-item > div.md-primary > md-checkbox .md-label, md-list-item > div.md-secondary > md-checkbox .md-label, md-list-item > md-checkbox:first-child .md-label, md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label, md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label, md-list-item .md-list-item-inner > md-checkbox:first-child .md-label, md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
  66       display: none; }
  67   md-list-item > md-icon:first-child, md-list-item .md-list-item-inner > md-icon:first-child {
  68     margin-right: 32px; }
  69   md-list-item > md-checkbox:first-child, md-list-item .md-list-item-inner > md-checkbox:first-child {
  70     width: 24px;
  71     margin-left: 3px;
  72     margin-right: 29px; }
  73   md-list-item > .md-avatar:first-child, md-list-item .md-list-item-inner > .md-avatar:first-child {
  74     width: 40px;
  75     height: 40px;
  76     margin-top: 8px;
  77     margin-bottom: 8px;
  78     margin-right: 16px;
  79     border-radius: 50%;
  80     box-sizing: content-box; }
  81   md-list-item md-checkbox.md-secondary, md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
  82     margin-right: 0;
  83     margin-top: 0;
  84     margin-bottom: 0; }
  85   md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
  86     background-color: transparent;
  87     -webkit-align-self: center;
  88         -ms-flex-item-align: center;
  89             align-self: center;
  90     border-radius: 50%;
  91     margin: 0px;
  92     min-width: 0px; }
  93     md-list-item button.md-button.md-secondary-container .md-ripple, md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
  94       border-radius: 50%; }
  95   md-list-item .md-secondary-container, md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container, md-list-item .md-list-item-inner .md-secondary {
  96     margin-left: 16px;
  97     position: absolute;
  98     right: 16px;
  99     top: 50%;
 100     -webkit-transform: translate3d(0, -50%, 0);
 101             transform: translate3d(0, -50%, 0); }
 102   md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
 103     margin-left: 0px;
 104     position: static; }
 105   md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
 106     -webkit-flex: 1;
 107         -ms-flex: 1;
 108             flex: 1;
 109     margin: 0; }
 110
 111 md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
 112   -webkit-align-items: flex-start;
 113       -ms-flex-align: start;
 114           align-items: flex-start; }
 115   md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
 116     -webkit-flex: 1;
 117         -ms-flex: 1;
 118             flex: 1;
 119     padding: 16px 0;
 120     text-overflow: ellipsis; }
 121     md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
 122       margin-left: 56px; }
 123     md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
 124       margin: 0 0 6px 0;
 125       line-height: 0.75em; }
 126     md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
 127       font-weight: 400;
 128       margin: 10px 0 5px 0;
 129       line-height: 0.75em; }
 130     md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
 131       margin: 0 0 0px 0;
 132       line-height: 1.6em; }
 133
 134 md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child {
 135   margin-top: 12px; }
 136 md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
 137   -webkit-align-self: flex-start;
 138       -ms-flex-item-align: start;
 139           align-self: flex-start; }
 140 md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
 141   -webkit-flex: 1;
 142       -ms-flex: 1;
 143           flex: 1;
 144   padding-top: 19px; }
 145
 146 md-list-item.md-3-line > md-icon:first-child, md-list-item.md-3-line > .md-avatar:first-child, md-list-item.md-3-line > .md-no-style > md-icon:first-child, md-list-item.md-3-line > .md-no-style > .md-avatar:first-child {
 147   margin-top: 16px; }