From 0dec41e5baa7f21e62c677b19ca53b51c3ba476b Mon Sep 17 00:00:00 2001
From: Brandon Ferrua <bferrua@gmail.com>
Date: Wed, 14 Feb 2018 15:10:39 -0800
Subject: [PATCH] feat(button): Add outline brand modifier (#3077)

* feat(button): Add outline brand modifier

* Lint
---
 ui/components/buttons/base/_index.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/ui/components/buttons/base/_index.scss b/ui/components/buttons/base/_index.scss
index 212d8e7d27..197b046b1b 100644
--- a/ui/components/buttons/base/_index.scss
+++ b/ui/components/buttons/base/_index.scss
@@ -179,6 +179,26 @@ a.slds-button--inverse:focus {
   }
 }
 
+/**
+ * Creates the outlined button with the brand color
+ *
+ * @selector .slds-button_outline-brand
+ * @restrict .slds-button
+ * @modifier
+ * @group theme
+ */
+.slds-button_outline-brand {
+  @include button;
+  @include button-base;
+  border-color: $brand-accessible;
+
+  &[disabled] {
+    background: $brand-disabled;
+    border-color: $brand-disabled;
+    color: $color-text-button-brand-disabled;
+  }
+}
+
 /**
  * Creates the inverse style for dark backgrounds
  *