Button groups added

docs/v2/DEVLOG.md

@@ -406,3 +406,4 @@
 - Added modular `box-shadow` for `progress` element.
 - Added modular `box-shadow` for `table` element. Tweaked to be responsive on smaller screens.
 - Added modular `box-shadow` for `tabs` container. This might have some minor problems with `border-radius`es.
+- Added flexbox-based `button-group` system. Added responsiveness to it and optimized accordingly.

docs/v2/index.html

@@ -351,6 +351,14 @@
             <input type="reset" value="Reset button">
             <a href="#" class="button">Link button</a>
             <button disabled>Disabled button</button><br>
+            <p>Button groups can also be created, utilising the <code>.button-group</code> class. Simply add a set of buttons in it and you're good to go. Check it out below:</p>
+            <div class="button-group">
+              <input type="button" value="Input button">
+              <input type="submit" value="Submit button">
+              <input type="reset" value="Reset button">
+              <button>Normal button</button>
+              <a href="#" class="button">Link button</a>
+            </div>
             <p>File inputs are a sore spot in most frameworks, as they cannot be easily stylized using CSS. <strong>mini.css</strong> deals with the problem, using a workaround involving labels that use the <code>button</code> class, which applies the exact same style to those labels. Just link it to the <code>&lt;input type=&quot;file&quot;&gt;</code> element of your choice and you're good to go. For example:</p>
             <span style="margin:3px;"></span><input type="file" id="file-input-demo"><label for="file-input-demo" class="button"><i class="fa fa-upload" aria-hidden="true"></i>&nbsp;Upload file</label><br>
             <p>There are also different kinds of buttons, specifically <code>primary</code>, <code>secondary</code> and <code>tertiary</code>, as well as <code>small</code> and <code>large</code> buttons. All of these types can be specified as classes. For example:</p>