From eb700ab7e2af0cda8ef0f6d317d04ff056ff1da6 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 21 Feb 2017 15:59:44 +0800 Subject: Add: Tiles component and many bugs fixed --- src/tiles.less | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 src/tiles.less (limited to 'src/tiles.less') diff --git a/src/tiles.less b/src/tiles.less new file mode 100644 index 0000000..37b157b --- /dev/null +++ b/src/tiles.less @@ -0,0 +1,40 @@ +// Tiles +.tile { + align-content: space-between; + align-items: flex-start; + display: flex; + margin: 0; + padding: .5rem 0; + + .tile-icon { + flex: 0 0 auto; + } + .tile-content { + flex: 1 1 auto; + &:not(:first-child) { + padding-left: 1rem; + } + &:not(:last-child) { + padding-right: 1rem; + } + } + .tile-action { + flex: 0 0 auto; + } + .tile-title { + font-size: 1.6rem; + font-weight: 500; + } + .tile-meta { + color: @core-meta-color; + font-size: 1.3rem; + } + + &.tile-centered { + align-items: center; + + .tile-content { + overflow: hidden; + } + } +} -- cgit v1.3.1-26-gb76a