button.css.scss in flashgrid-2.1.1

- old
+ new

@@ -251,11 +251,12 @@
 .btn-circle     { border-radius: 500px; }
 .btn-uppercase  { text-transform: uppercase; }
 
 /* #Button Group
 ================================================== */
-.btn-group {
+.btn-group,
+.btn-group-vertical {
   display: inline-block;
   font-size: 0;
   position: relative;
   white-space: nowrap;
   vertical-align: middle;
@@ -263,11 +264,12 @@
 .btn-group + .btn-group { margin-left: 5px; }
 .btn-group.pull-right + .btn-group.pull-right {
   margin-right: 10px;
    margin-left: 0;
 }
-.btn-group > .btn {
+.btn-group > .btn,
+.btn-group-vertical > .btn {
   border-radius: 0;
   margin-left: -1px;
   position: relative;
 }
 .btn-group > .btn:first-child {
@@ -281,12 +283,38 @@
      border-top-right-radius: 2px;
 }
 .btn-group > .btn:active,
 .btn-group > .btn.active,
 .btn-group > .btn:hover,
-.btn-group > .btn:focus             { z-index: 2; }
+.btn-group > .btn:focus,
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active   { z-index: 2; }
 .btn-group .dropdown-toggle:active,
 .btn-group.open .dropdown-toggle    { outline: 0; }
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  margin-left: 0;
+   margin-top: -1px;
+  max-width: 100%;
+  width: 100%;
+}
+.btn-group-vertical > .btn:first-child {
+  border-bottom-left-radius: 0;
+    border-top-right-radius: 2px;
+     border-top-left-radius: 2px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:last-child,
+.btn-group-vertical > .dropdown-toggle {
+  border-bottom-right-radius: 2px;
+   border-bottom-left-radius: 2px;
+     border-top-right-radius: 0;
+}
 .btn-group-justified {
   border-collapse: separate;
   display: table;
   table-layout: fixed;
   width: 100%;
\ No newline at end of file