Increase icon spacing for btn-large.

dev-onenetworkecommerce · Nov 12, 2015 · 1104c2f · 1104c2f
1 parent 1d32873
commit 1104c2f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/docs/dist/style.css b/docs/dist/style.css
diff --git a/styles/components/_button.scss b/styles/components/_button.scss
@@ -47,11 +47,11 @@
     text-decoration: none;
   }
 
-  &.-default { 
-    @include btn-variant($brand-white, $brand-black); 
+  &.-default {
+    @include btn-variant($brand-white, $brand-black);
     border: 1px solid $brand-gray;
   }
-  
+
   &.-primary { @include btn-variant($brand-primary); }
   &.-sky { @include btn-variant($brand-sky); }
   &.-emerald { @include btn-variant($brand-emerald); }
@@ -118,6 +118,14 @@
     line-height: 40px;
   }
 
+  &.-large > .icon:first-child {
+    margin-right: $padding-x-large;
+  }
+
+  &.-large > .icon:last-child {
+    margin-left: $padding-x-large;
+  }
+
   &.-rounded {
     border-radius: $border-radius-rounded;
   }