From 268b3c9026dee77dddde4e88d227acda8f1ff3a6 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 14 Apr 2016 14:27:45 +0800 Subject: change badge to auto width --- src/badges.less | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) (limited to 'src') diff --git a/src/badges.less b/src/badges.less index e0f1d46..265d29b 100644 --- a/src/badges.less +++ b/src/badges.less @@ -1,7 +1,7 @@ // Badges .badge { position: relative; - margin-right: 2.4rem; + &::after { content: attr(data-badge); @@ -10,16 +10,13 @@ text-align: center; line-height: 1.4rem; background-color: @core-color; - display: block; - width: 2rem; + display: inline-block; + min-width: 2rem; height: 2rem; - padding: .3rem .1rem; - border-radius: 50%; - position: absolute; - top: -1rem; - right: -2.4rem; + padding: .2rem .5rem; + border: .1rem solid #fff; + border-radius: 1rem; white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + transform: translate(-.2rem, -.8rem); } } \ No newline at end of file -- cgit v1.3.1-23-gd82d