/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-list { margin: 0; padding: 8px 0; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: relative; list-style: none; } .md-list.md-dense { padding: 4px 0; } .md-list.md-dense .md-list-item.md-inset .md-list-item-container { padding-left: 72px; } .md-list.md-dense .md-list-item .md-list-item-container { min-height: 40px; font-size: 13px; } .md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child, .md-list.md-dense .md-list-item .md-list-item-container .md-list-action:first-child { margin-right: 24px; } .md-list.md-dense .md-avatar { width: 32px; min-width: 32px; height: 32px; min-height: 32px; } .md-list.md-dense .md-list-item-expand { min-height: 40px; } .md-list.md-double-line.md-dense .md-list-item .md-list-item-container { min-height: 60px; } .md-list.md-double-line.md-dense .md-list-item .md-avatar { width: 36px; min-width: 36px; height: 36px; min-height: 36px; } .md-list.md-double-line.md-dense .md-list-item .md-avatar .md-avatar:first-child, .md-list.md-double-line.md-dense .md-list-item .md-avatar .md-list-action:first-child { margin-right: 20px; } .md-list.md-double-line.md-dense .md-list-text-container > :nth-child(1) { font-size: 13px; } .md-list.md-double-line.md-dense .md-list-text-container > :nth-child(2) { font-size: 13px; } .md-list.md-double-line .md-list-item .md-list-item-container { min-height: 72px; } .md-list.md-triple-line.md-dense .md-list-item .md-list-item-container { min-height: 76px; } .md-list.md-triple-line.md-dense .md-list-item .md-avatar { width: 36px; min-width: 36px; height: 36px; min-height: 36px; } .md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-avatar:first-child, .md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-list-action:first-child { margin-right: 20px; } .md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(1) { font-size: 13px; } .md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(2) { font-size: 13px; } .md-list.md-triple-line .md-list-item .md-list-item-container { min-height: 88px; } .md-list.md-triple-line .md-avatar { margin: 0; } .md-list .md-subheader.md-inset { padding-left: 72px; } .md-list > .md-subheader:first-of-type { margin-top: -8px; } .md-list-item { height: auto; position: relative; z-index: 2; } .md-list-item.md-disabled { cursor: default; pointer-events: none; } .md-list-item.md-inset .md-list-item-container { padding-left: 72px; } .md-list-item .md-button-ghost { width: 100%; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: 0; } .md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) { position: relative; z-index: 2; } .md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) .md-icon { position: relative; } .md-list-item .md-list-item-container { min-height: 48px; margin: 0; padding: 0 16px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1; flex: 1; position: relative; font-size: 16px; font-weight: 400; text-align: left; text-transform: none; } .md-list-item .md-list-item-container:hover { text-decoration: none; } .md-list-item .md-list-item-container > .md-icon:first-child { margin-right: 32px; } .md-list-item .md-list-item-container .md-avatar:first-child, .md-list-item .md-list-item-container .md-list-action:first-child { margin-right: 16px; } .md-list-item .md-list-item-container .md-list-action { margin: 0 -10px 0 0; } .md-list-item .md-list-item-container .md-list-action:nth-child(3) { margin: 0 -10px 0 16px; } .md-list-item .md-divider { position: absolute; bottom: 0; right: 0; left: 0; } .md-list-item .md-icon, .md-list-item .md-avatar, .md-list-item .md-list-action:first-child { margin: 0; } .md-list-item .md-icon:first-of-type + *, .md-list-item .md-avatar:first-of-type + *, .md-list-item .md-list-action:first-child:first-of-type + * { -ms-flex: 1 1 auto; flex: 1 1 auto; } .md-list-item .md-avatar { margin-top: 8px; margin-bottom: 8px; } .md-list-item .md-icon { color: rgba(0, 0, 0, 0.54); } .md-list-item .md-ink-ripple { border-radius: 0; } .md-list-item-expand { min-height: 48px; -ms-flex-flow: column wrap; flex-flow: column wrap; overflow: hidden; transform: translate3D(0, 0, 0); } .md-list-item-expand:before, .md-list-item-expand:after { height: 1px; position: absolute; right: 0; left: 0; z-index: 3; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); content: " "; } .md-list-item-expand:before { top: 0; } .md-list-item-expand:after { bottom: 0; } .md-list-item-expand.md-active { position: relative; } .md-list-item-expand.md-active:before, .md-list-item-expand.md-active:after { background-color: rgba(0, 0, 0, 0.12); } .md-list-item-expand.md-active:first-of-type:before { background: none; } .md-list-item-expand.md-active:last-of-type:after { background: none; } .md-list-item-expand.md-active.md-active + .md-active:before { background: none; } .md-list-item-expand.md-active > .md-list-item-container .md-list-expand-indicator { transform: rotateZ(180deg) translate3D(0, 0, 0); } .md-list-item-expand.md-active > .md-list-expand { margin-bottom: 0 !important; } .md-list-item-expand .md-expansion-indicator, .md-list-item-expand .md-list-item-container, .md-list-item-expand .md-icon { transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-list-item-expand .md-list-expand { position: relative; z-index: 1; transform: translate3D(0, 0, 0); will-change: margin-bottom; transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); } .md-list-item-expand .md-list-expand.md-transition-off { transition: none !important; } .md-list-item-expand .md-list-expand .md-list { padding: 0; } .md-list-text-container { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex: 1; flex: 1; overflow: hidden; line-height: 1.25em; white-space: normal; } .md-list-text-container > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .md-list-text-container > :nth-child(1) { font-size: 16px; } .md-list-text-container > :nth-child(2), .md-list-text-container > :nth-child(3) { margin: 0; color: rgba(0, 0, 0, 0.54); font-size: 14px; } .md-list-text-container > :nth-child(2):not(:last-child) { color: rgba(0, 0, 0, 0.87); } /*# sourceMappingURL=index.css.map*/