From 799b21974775008c84e406da97ed7becb39d836b Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 5 Apr 2016 08:37:59 +0800 Subject: add basic file icons --- src/fileicons.less | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 src/fileicons.less (limited to 'src') diff --git a/src/fileicons.less b/src/fileicons.less new file mode 100644 index 0000000..0cec15e --- /dev/null +++ b/src/fileicons.less @@ -0,0 +1,43 @@ +// File icons +.file-icon { + display: inline-block; + width: 3.2rem; + height: 4.4rem; + background-color: transparent; + position: relative; + border-width: 0 0 3.2rem 2rem; + border-style: solid; + border-color: @control-color; + border-radius: .3rem; + font-size: 1rem; + text-align: left; + + &::before { + position: absolute; + top: 0; + right: 0; + content: ''; + background-color: transparent; + z-index: 2; + width: 1.2rem; + height: 1.2rem; + border: .6rem solid lighten(@control-color, 10%); + border-right-color: transparent; + border-top-color: transparent; + } + &::after { + content: attr(data-type); + padding: .2rem; + position: absolute; + bottom: -3.2rem; + left: -2rem; + font-size: 1.2em; + font-weight: 300; + color: #fff; + text-transform: lowercase; + white-space: nowrap; + text-overflow: clip; + overflow: hidden; + z-index: 3; + } +} \ No newline at end of file -- cgit v1.3.1-23-gd82d