btn-group fix

51a740e6 · Nikolay Gromov · 3e6e3332 · 51a740e6
Commit 51a740e6 authored Mar 09, 2016 by Nikolay Gromov
Hide whitespace changes
Inline Side-by-side

Showing with 13 additions and 0 deletions

btn-group.less src/blocks/btn-group/btn-group.less +13 -0

No files found.
--- a/src/blocks/btn-group/btn-group.less
+++ b/src/blocks/btn-group/btn-group.less
@@ -4,6 +4,7 @@

 .btn-group {
  display: inline-flex;
+  vertical-align: middle;
  margin-bottom: (@line-height / 2);

  > .btn {
@@ -29,10 +30,22 @@
    }

    &:not(:first-child) {
+      margin-left: -1px;
+
      .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }
  }
+
+  .btn {
+    position: relative;
+    z-index: 0;
+
+    &:focus,
+    &:hover {
+      z-index: 1;
+    }
+  }
 }