From 86e4e291bfda3365c0bb82bacb2b9990a86ce759 Mon Sep 17 00:00:00 2001 From: ARC Date: Sat, 25 Apr 2015 09:13:54 -0400 Subject: First Commit --- www/lib/ionic/scss/_button-bar.scss | 54 +++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 www/lib/ionic/scss/_button-bar.scss (limited to 'www/lib/ionic/scss/_button-bar.scss') diff --git a/www/lib/ionic/scss/_button-bar.scss b/www/lib/ionic/scss/_button-bar.scss new file mode 100644 index 00000000..9858f6f5 --- /dev/null +++ b/www/lib/ionic/scss/_button-bar.scss @@ -0,0 +1,54 @@ + +/** + * Button Bar + * -------------------------------------------------- + */ + +.button-bar { + @include display-flex(); + @include flex(1); + width: 100%; + + &.button-bar-inline { + display: block; + width: auto; + + @include clearfix(); + + > .button { + width: auto; + display: inline-block; + float: left; + } + } +} + +.button-bar > .button { + @include flex(1); + display: block; + + overflow: hidden; + + padding: 0 16px; + + width: 0; + + border-width: 1px 0px 1px 1px; + border-radius: 0; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + + &:before, + .icon:before { + line-height: 44px; + } + + &:first-child { + border-radius: $button-border-radius 0px 0px $button-border-radius; + } + &:last-child { + border-right-width: 1px; + border-radius: 0px $button-border-radius $button-border-radius 0px; + } +} -- cgit v1.2.3