From 8aae8b219ec9931dcd395e0a3ccd53fd9536baaf Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sun, 20 Mar 2016 01:31:03 +0800 Subject: add button groups --- src/buttons.less | 31 +++++++++++++++++++++++++------ 1 file changed, 25 insertions(+), 6 deletions(-) (limited to 'src') diff --git a/src/buttons.less b/src/buttons.less index 43e4e7d..95bd542 100644 --- a/src/buttons.less +++ b/src/buttons.less @@ -61,13 +61,13 @@ button { // Button Primary &.btn-primary { color: #fff; - border-color: @core-color; + border-color: darken(@core-color, 5%); background-color: @core-color; &:hover, &:focus { color: #fff; - border-color: darken(@core-color, 5%); + border-color: darken(@core-color, 10%); background-color: darken(@core-color, 5%); } &:active, @@ -166,10 +166,29 @@ button { } } - .btn-groups { + // TODO: Button with icons +} - } +.btn-group { + display: inline-block; + vertical-align: middle; + .clearfix(); - // TODO: Button with icons - // TODO: Button groups + .btn { + float: left; + + &:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + &:not(:first-child):not(:last-child) { + margin-left: -.1rem; + border-radius: 0; + } + &:last-child:not(:first-child) { + margin-left: -.1rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } } \ No newline at end of file -- cgit v1.3.1-23-gd82d