From a96cdce493cd6a31ae351cd978868e814dda1d67 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 14 Mar 2016 00:14:57 +0800 Subject: add label delete button --- src/buttons.less | 40 ++++++++++++++++++++++++++++++++++++++++ src/labels.less | 3 ++- 2 files changed, 42 insertions(+), 1 deletion(-) (limited to 'src') diff --git a/src/buttons.less b/src/buttons.less index b3cf357..e04aaa9 100644 --- a/src/buttons.less +++ b/src/buttons.less @@ -126,6 +126,46 @@ button { display: block; } + // Button Clear + &.btn-clear { + width: 1.4rem; + height: 1.4rem; + padding: 0; + margin: .1rem -.2rem .1rem .2rem; + border: 0; + border-radius: .7rem; + vertical-align: top; + background-color: rgba(0, 0, 0, .15); + transform: rotate(-45deg); + + &:hover { + background-color: rgba(0, 0, 0, .35); + } + + &::before, + &::after { + content: ""; + display: block; + position: absolute; + top: 50%; + left: 50%; + background-color: #fff; + } + + &::before { + width: .8rem; + height: .2rem; + margin-left: -.4rem; + margin-top: -.1rem; + } + &::after { + width: .2rem; + height: .8rem; + margin-left: -.1rem; + margin-top: -.4rem; + } + } + // TODO: Button with icons // TODO: Button groups } \ No newline at end of file diff --git a/src/labels.less b/src/labels.less index e586680..57995ee 100644 --- a/src/labels.less +++ b/src/labels.less @@ -17,7 +17,8 @@ } &.label-lg { - padding: .4rem .8rem; + padding: .2rem .8rem; font-size: 1.4rem; + line-height: 1.6rem; } } \ No newline at end of file -- cgit v1.3.1-23-gd82d