feat(Buttons): space adjacent button

BREAKING CHANGE: buttons are now spaced wider apart from one another (.25em to .5em)
Tripwire · Jul 25, 2017 · df8f15f · df8f15f
1 parent b89f2f8
commit df8f15f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/semantic/src/themes/tripwire/elements/button.variables b/semantic/src/themes/tripwire/elements/button.variables
@@ -8,7 +8,7 @@
 
 /* Button */
 @verticalMargin: 0em;
-@horizontalMargin: 0.25em;
+@horizontalMargin: 0.5em;
 @backgroundColor: #E0E1E2;
 @backgroundImage: none;
 @background: @backgroundColor @backgroundImage;

diff --git a/src/components/suir/button/Button.examples.md b/src/components/suir/button/Button.examples.md
@@ -55,4 +55,13 @@
       </div>
     </div>
 
+## Adjacent Buttons
+
+    const Button = require('semantic-ui-react').Button;
+    <div>
+      <Button>Good Button</Button>
+      <Button color='red'>Best Button</Button>
+      <Button color='purple'>!! OMG FAVORITE Button !!</Button>
+    </div>
+
 See full input documentation [here](http://react.semantic-ui.com/elements/button)