diff options
Diffstat (limited to '')
-rw-r--r-- | asset/css/list/item-list.less | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/asset/css/list/item-list.less b/asset/css/list/item-list.less new file mode 100644 index 0000000..c5c0bd2 --- /dev/null +++ b/asset/css/list/item-list.less @@ -0,0 +1,85 @@ +// Style + +.item-list { + list-style-type: none; +} + +// Layout + +.item-list { + margin: 0; + padding: 0; + + .list-item { + display: flex; + + .main { + flex: 1 1 auto; + padding: .5em 0; + width: 0; + margin-left: .5em; + } + + .visual { + display: flex; + align-items: center; + flex-direction: column; + } + + .caption { + height: 3em; + text-overflow: ellipsis; + overflow: hidden; + + .line-clamp(); + + img { + max-height: 1em; + } + } + + header { + display: flex; + align-items: flex-start; + justify-content: space-between; + } + + footer { + display: flex; + justify-content: space-between; + } + } + + > .empty-state-bar { + margin: 0 1em; + } +} + +.item-list.default-layout .list-item { + .title { + display: inline-flex; + align-items: baseline; + white-space: nowrap; + min-width: 0; + + > * { + margin: 0 .28125em; // 0 calculated width + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } + + .subject { + .text-ellipsis(); + } + } +} + +.controls .list-item:not(:last-child) { + margin-bottom: .5em; +} |