From 4e1679e5e901d3c2464bb26f6ce3ec284deaae1c Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 2 Jan 2017 20:28:59 +0800 Subject: CHG: Update chip and autocomplete components --- src/chips.less | 32 ++++++++++---------------------- 1 file changed, 10 insertions(+), 22 deletions(-) (limited to 'src/chips.less') diff --git a/src/chips.less b/src/chips.less index f865fe9..df312cf 100644 --- a/src/chips.less +++ b/src/chips.less @@ -32,27 +32,21 @@ // Small chips .chip-sm { align-items: center; - background: @core-secondary-color; + background: @core-border-color; border-radius: .3rem; color: #666; display: inline-flex; - font-size: 1.2rem; - height: 2.4rem; + height: 3rem; + margin-bottom: .1rem; + margin-top: .1rem; max-width: 100%; - padding: .3rem .6rem; + padding: .4rem .8rem; text-decoration: none; vertical-align: middle; - &:hover, - &:focus { - background: darken(@core-secondary-color, 2%); - } - .btn-clear { - margin-top: -.2rem; - &::before { - color: darken(@core-color, 10%); + color: currentColor; font-size: 1.6rem; } } @@ -60,22 +54,16 @@ &.selected { background: @core-color; color: @core-light-color; - - .btn-clear { - &::before { - color: lighten(@core-color, 40%); - } - } } .chip-name { - margin-left: .4rem; + margin: 0 .4rem; .text-ellipsis; } .avatar { - font-size: .8rem; - height: 1.6rem; - width: 1.6rem; + font-size: 1rem; + height: 2rem; + width: 2rem; } } -- cgit v1.3.1-23-gd82d