From 20b73c6c039c549d645fc7f671617d0da6903600 Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Tue, 4 Aug 2020 15:51:48 -0500
Subject: [PATCH] feat(button): support vertically stacked buttons in set

---
 .../components/src/components/button/_button.scss    | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
index 7e60036b2473..5ab9ab43184a 100644
--- a/packages/components/src/components/button/_button.scss
+++ b/packages/components/src/components/button/_button.scss
@@ -23,6 +23,10 @@
     display: flex;
   }
 
+  .#{$prefix}--btn-set--stacked {
+    flex-direction: column;
+  }
+
   .#{$prefix}--btn-set > .#{$prefix}--btn {
     width: 100%;
     // 196px from design kit
@@ -34,6 +38,14 @@
     }
   }
 
+  .#{$prefix}--btn-set--stacked > .#{$prefix}--btn {
+    border-bottom: $button-separator;
+
+    &:last-of-type {
+      border-right: 0;
+    }
+  }
+
   .#{$prefix}--btn--secondary.#{$prefix}--btn--disabled
     + .#{$prefix}--btn--primary.#{$prefix}--btn--disabled,
   .#{$prefix}--btn--tertiary.#{$prefix}--btn--disabled