Skip to content

Commit 0dec41e

Browse files
feat(button): Add outline brand modifier (#3077)
* feat(button): Add outline brand modifier * Lint
1 parent 94e002d commit 0dec41e

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

ui/components/buttons/base/_index.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,26 @@ a.slds-button--inverse:focus {
179179
}
180180
}
181181

182+
/**
183+
* Creates the outlined button with the brand color
184+
*
185+
* @selector .slds-button_outline-brand
186+
* @restrict .slds-button
187+
* @modifier
188+
* @group theme
189+
*/
190+
.slds-button_outline-brand {
191+
@include button;
192+
@include button-base;
193+
border-color: $brand-accessible;
194+
195+
&[disabled] {
196+
background: $brand-disabled;
197+
border-color: $brand-disabled;
198+
color: $color-text-button-brand-disabled;
199+
}
200+
}
201+
182202
/**
183203
* Creates the inverse style for dark backgrounds
184204
*

0 commit comments

Comments
 (0)