changes default button padding

diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss
index 36a97ed703e38a58dd00368975f8e5244ca96aa6..7ce092efa03d4048c2bddbfc2992813d6ea7ae3f 100755 (executable)
--- a/scss/components/_alignment.scss
+++ b/scss/components/_alignment.scss
@@ -6,53 +6,66 @@
 /// @group alignment
 ////
 
-table.center,
-td.center,
-h1.center,
-h2.center,
-h3.center,
-h4.center,
-h5.center,
-h6.center,
-p.center,
-span.center {
+table.text-center,
+td.text-center,
+h1.text-center,
+h2.text-center,
+h3.text-center,
+h4.text-center,
+h5.text-center,
+h6.text-center,
+p.text-center,
+span.text-center {
   text-align: center;
 }
 
-span.center {
+h1.text-left,
+h2.text-left,
+h3.text-left,
+h4.text-left,
+h5.text-left,
+h6.text-left,
+p.text-left,
+span.text-left {
+  text-align: left;
+}
+
+h1.text-right,
+h2.text-right,
+h3.text-right,
+h4.text-right,
+h5.text-right,
+h6.text-right,
+p.text-right,
+span.text-right {
+  text-align: right;
+}
+
+span.text-center {
   display: block;
   width: 100%;
 }
 
-img.center {
-  margin: 0 auto;
-  float: none;
-  text-align: center;
+img.float-left {
+  float: left;
+  text-align: left;
 }
 
-img.right {
+img.float-right {
   float: right;
   text-align: right;
 }
 
-h1.right,
-h2.right,
-h3.right,
-h4.right,
-h5.right,
-h6.right,
-p.right,
-span.right {
-  text-align: right;
+img.float-center {
+  margin: 0 auto;
+  float: none;
+  text-align: center;
 }
 
-h1.left,
-h2.left,
-h3.left,
-h4.left,
-h5.left,
-h6.left,
-p.left,
-span.left {
-  text-align: left;
+table.float-center {
+  margin: 0 auto;
+  float: none;
+  text-align: center;
 }
+
+

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index 3057d80327d72d54bc41f6f9e41cc2bb8773584e..1903b0f99886ed1cc48aac5650a439c5c8b00c6b 100755 (executable)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -9,19 +9,19 @@
 /// Padding inside buttons at various sizes.
 /// @type Map
 $button-padding: (
-  default: 12px 10px 12px 10px,
-  tiny: 5px 4px 4px 4px,
-  small: 8px 3px 7px 3px,
-  large: 13px 26px 12px 26px,
+  default: 8px 16px 8px 16px,
+  tiny: 4px 8px 4px 8px,
+  small: 5px 10px 5px 10px,
+  large: 10px 20px 10px 20px,
 ) !default;
 
 /// Font sizes of buttons at various sizes.
 /// @type Map
 $button-font-size: (
-  default: 20px,
-  tiny: 12px,
-  small: 16px,
-  large: 24px,
+  default: 16px,
+  tiny: 10px,
+  small: 12px,
+  large: 20px,
 ) !default;
 
 /// Text color of buttons.

diff --git a/testing/src/assets/scss/_settings.scss b/testing/src/assets/scss/_settings.scss
index e0402579d8b8a93d6b6907d96621d0ec7fb540f3..599ec95a061c41ac26110ad916c7aa8869b438dc 100644 (file)
--- a/testing/src/assets/scss/_settings.scss
+++ b/testing/src/assets/scss/_settings.scss
@@ -54,16 +54,16 @@ $block-grid-gutter: $grid-column-gutter;
 // ---------
 
 $button-padding: (
-  default: 12px 10px 12px 10px,
-  tiny: 5px 4px 4px 4px,
-  small: 8px 3px 7px 3px,
-  large: 13px 26px 12px 26px,
+  default: 8px 16px 8px 16px,
+  tiny: 4px 8px 4px 8px,
+  small: 5px 10px 5px 10px,
+  large: 10px 20px 10px 20px,
 );
 $button-font-size: (
-  default: 20px,
-  tiny: 12px,
-  small: 16px,
-  large: 24px,
+  default: 16px,
+  tiny: 10px,
+  small: 12px,
+  large: 20px,
 );
 $button-color: $white;
 $button-color-alt: $medium-gray;