From 8ade810f105b9d997dd8d059573c030d68366a26 Mon Sep 17 00:00:00 2001 From: Des Preston Date: Tue, 28 Jul 2015 14:50:44 -0400 Subject: [PATCH] Adding "btn-inline-group" and "btn-inline". A row of buttons that can be used anywhere and is resized automatically to fill the width --- sass/buttons.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/sass/buttons.scss b/sass/buttons.scss index 7abec8a..23df3e2 100644 --- a/sass/buttons.scss +++ b/sass/buttons.scss @@ -115,6 +115,20 @@ } } +// Inline button group (multiple buttons that take up the entire width) +.btn-inline-group { + display: flex; + width: 100%; +} + +// Individual buttons for inline button group +.btn-inline { + font-size:18px; + flex-basis: 100%; + padding:10px 10px; + margin:0px 5px 10px 5px; +} + // Block level buttons (full width buttons) .btn-block { display: block;