From: RafiBomb Date: Thu, 3 Mar 2016 23:37:13 +0000 (-0800) Subject: changes default button padding X-Git-Tag: v2.0.0-rc.3~21 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=953c6b9ffadb7ac800207c17c93e36061ba55d0f;p=thirdparty%2Ffoundation%2Ffoundation-emails.git changes default button padding --- diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss index 36a97ed7..7ce092ef 100755 --- 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 3057d803..1903b0f9 100755 --- 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 e0402579..599ec95a 100644 --- 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;