versa: tweak btn-group

Author: thomaspark

dist/versa/_bootswatch.scss

@@ -203,17 +203,32 @@ $border-dark: rgba(255, 255, 255, .08) !default;
 }
 
 .btn-group {
+  box-shadow: $box-shadow;
+
   .btn:first-child {
     border-color: transparent;
     border-width: 0 0 0 1px;
     box-shadow: none;
   }
 
+  .btn-secondary {
+    // border-color: $gray-200;
+
+    &:first-child {
+      border: 1px solid $gray-200;
+    }
+  }
+
   :not(.btn-check) + .btn {
     border-color: $gray-200;
     border-width: 0 0 0 1px;
     box-shadow: none;
 
+    &-secondary {
+      // border-color: $gray-200;
+      border-width: 1px;
+    }
+
     &:hover {
       z-index: 0;
     }

dist/versa/bootstrap.css

@@ -12226,16 +12226,25 @@ textarea.form-control-lg {
   border-color: rgba(255, 255, 255, 0.08);
 }
 
+.btn-group {
+  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
+}
 .btn-group .btn:first-child {
   border-color: transparent;
   border-width: 0 0 0 1px;
   box-shadow: none;
 }
+.btn-group .btn-secondary:first-child {
+  border: 1px solid #e5e5e5;
+}
 .btn-group :not(.btn-check) + .btn {
   border-color: #e5e5e5;
   border-width: 0 0 0 1px;
   box-shadow: none;
 }
+.btn-group :not(.btn-check) + .btn-secondary {
+  border-width: 1px;
+}
 .btn-group :not(.btn-check) + .btn:hover {
   z-index: 0;
 }

dist/versa/bootstrap.min.css

@@ -12200,16 +12200,25 @@ textarea.form-control-lg {
   border-color: rgba(255, 255, 255, 0.08);
 }
 
+.btn-group {
+  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
+}
 .btn-group .btn:first-child {
   border-color: transparent;
   border-width: 0 1px 0 0;
   box-shadow: none;
 }
+.btn-group .btn-secondary:first-child {
+  border: 1px solid #e5e5e5;
+}
 .btn-group :not(.btn-check) + .btn {
   border-color: #e5e5e5;
   border-width: 0 1px 0 0;
   box-shadow: none;
 }
+.btn-group :not(.btn-check) + .btn-secondary {
+  border-width: 1px;
+}
 .btn-group :not(.btn-check) + .btn:hover {
   z-index: 0;
 }

dist/versa/bootstrap.min.css.map

@@ -203,17 +203,32 @@ $border-dark: rgba(255, 255, 255, .08) !default;
 }
 
 .btn-group {
+  box-shadow: $box-shadow;
+
   .btn:first-child {
     border-color: transparent;
     border-width: 0 0 0 1px;
     box-shadow: none;
   }
 
+  .btn-secondary {
+    // border-color: $gray-200;
+
+    &:first-child {
+      border: 1px solid $gray-200;
+    }
+  }
+
   :not(.btn-check) + .btn {
     border-color: $gray-200;
     border-width: 0 0 0 1px;
     box-shadow: none;
 
+    &-secondary {
+      // border-color: $gray-200;
+      border-width: 1px;
+    }
+
     &:hover {
       z-index: 0;
     }

dist/versa/bootstrap.rtl.css

@@ -12226,16 +12226,25 @@ textarea.form-control-lg {
   border-color: rgba(255, 255, 255, 0.08);
 }
 
+.btn-group {
+  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
+}
 .btn-group .btn:first-child {
   border-color: transparent;
   border-width: 0 0 0 1px;
   box-shadow: none;
 }
+.btn-group .btn-secondary:first-child {
+  border: 1px solid #e5e5e5;
+}
 .btn-group :not(.btn-check) + .btn {
   border-color: #e5e5e5;
   border-width: 0 0 0 1px;
   box-shadow: none;
 }
+.btn-group :not(.btn-check) + .btn-secondary {
+  border-width: 1px;
+}
 .btn-group :not(.btn-check) + .btn:hover {
   z-index: 0;
 }