refactor: clean up button-group styles (#246)

facebookincubator · May 1, 2022 · 05fa7df · 05fa7df
1 parent f480de3
commit 05fa7df
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/packages/core/styles/components/button-group.pcss b/packages/core/styles/components/button-group.pcss
@@ -6,27 +6,23 @@
  */
 
 :root {
-  --ifm-button-group-margin: 2px;
+  --ifm-button-group-spacing: 2px;
 }
 
 .button-group {
   display: inline-flex;
+  gap: var(--ifm-button-group-spacing);
 
   & > .button {
     &:not(:first-child) {
       border-bottom-left-radius: 0;
       border-top-left-radius: 0;
-      margin-left: var(--ifm-button-group-margin);
     }
 
     &:not(:last-child) {
       border-bottom-right-radius: 0;
       border-top-right-radius: 0;
     }
-
-    &--active {
-      z-index: 1; /* Make the active button's border take precedence. */
-    }
   }
 
   &--block {