Merge pull request #353 from PrestaShopCorp/352-style-button-group-re…

…move-gray-border-from-buttons-in-active-state #352 style button group remove gray border from buttons in active state
PrestaShopCorp · Jul 4, 2024 · 144ee04 · 144ee04
2 parents 4ac28f2 + c7cec19
commit 144ee04
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/theme/src/puik-button-group.scss b/packages/theme/src/puik-button-group.scss
@@ -1,8 +1,14 @@
 .puik-button-group {
+  .puik-button:first-child {
+    @apply border-l;
+  }
   .puik-button {
-    @apply relative z-0 focus:z-[1];
+    @apply relative z-0 focus:z-[1] border-l-0;
     &--primary {
-      @apply border border-primary-500;
+      @apply border border-primary-800;
+      &:hover {
+        @apply border-primary-700 border-r-primary-800;
+      }
     }
     &--tertiary {
       @apply border border-primary-400;