From: Rafal Proszowski Date: Fri, 10 Jun 2016 13:18:43 +0000 (+0100) Subject: Clean up some code X-Git-Tag: v2.2.0~11^2~1^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f263fcb6036238d61630b77a9903d637e4d0d402;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Clean up some code --- diff --git a/scss/_global.scss b/scss/_global.scss index 5457f20f..1d176927 100755 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -90,7 +90,6 @@ $global-rounded: 500px !default; /// @type String $global-breakpoint: $global-width + $global-gutter !default; - .wrapper { width: 100%; } diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss index 55b7b85a..cee59e5f 100755 --- a/scss/components/_alignment.scss +++ b/scss/components/_alignment.scss @@ -66,7 +66,7 @@ img.float-right { text-align: right; } -img.float-center, +img.float-center, img.text-center { margin: 0 auto; Margin: 0 auto; diff --git a/scss/components/_button.scss b/scss/components/_button.scss index d57bbc20..563a248e 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: ( - tiny: 4px 8px 4px 8px, - small: 5px 10px 5px 10px, - default: 8px 16px 8px 16px, - large: 10px 20px 10px 20px, + tiny: 4px 8px 4px 8px, + small: 5px 10px 5px 10px, + default: 8px 16px 8px 16px, + large: 10px 20px 10px 20px, ) !default; /// Font sizes of buttons at various sizes. /// @type Map $button-font-size: ( - tiny: 10px, - small: 12px, - default: 16px, - large: 20px, + tiny: 10px, + small: 12px, + default: 16px, + large: 20px, ) !default; /// Text color of buttons. diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss index a564b464..52c94fad 100755 --- a/scss/components/_media-query.scss +++ b/scss/components/_media-query.scss @@ -30,7 +30,7 @@ box-sizing: border-box; padding-left: $global-gutter !important; padding-right: $global-gutter !important; - + // Nested columns won't double the padding .column, .columns { @@ -70,7 +70,7 @@ @for $i from 1 through ($grid-column-count - 1) { table.body td.small-offset-#{$i}, table.body th.small-offset-#{$i} { - //1.5 takes in effect a whole empty cell. + //1.5 takes in effect a whole empty cell. margin-left: -zf-grid-calc-pct($i, $grid-column-count) !important; Margin-left: -zf-grid-calc-pct($i, $grid-column-count) !important; } @@ -94,14 +94,14 @@ //menu table.menu { width: 100% !important; - + td, th { width: auto !important; display: inline-block !important; } - &.vertical, + &.vertical, &.small-vertical { td, th { @@ -115,7 +115,6 @@ width: auto !important; } - // expands buttons for small only table.button.small-expand, table.button.small-expanded { diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss index fb3fe583..ff4f9121 100644 --- a/scss/components/_menu.scss +++ b/scss/components/_menu.scss @@ -18,17 +18,16 @@ $menu-item-gutter: 10px !default; /// @type Color $menu-item-color: $primary-color !default; - table.menu { width: $global-width; td.menu-item, - th.menu-item{ + th.menu-item { padding: $menu-item-padding; padding-right: $menu-item-gutter; a { - color: $menu-item-color; + color: $menu-item-color; } } } diff --git a/scss/components/_typography.scss b/scss/components/_typography.scss index b206b4ec..d4950d36 100755 --- a/scss/components/_typography.scss +++ b/scss/components/_typography.scss @@ -323,16 +323,16 @@ hr { // preheader styles span.preheader { - display:none !important; - visibility:hidden; - mso-hide:all !important; - font-size:1px; + display: none !important; + visibility: hidden; + mso-hide: all !important; + font-size: 1px; color: $body-background; // needs to match background color - line-height:1px; - max-height:0px; - max-width:0px; - opacity:0; - overflow:hidden; + line-height: 1px; + max-height: 0px; + max-width: 0px; + opacity: 0; + overflow: hidden; } diff --git a/scss/components/_visibility.scss b/scss/components/_visibility.scss index 7a8e2761..caab54a7 100644 --- a/scss/components/_visibility.scss +++ b/scss/components/_visibility.scss @@ -8,26 +8,26 @@ .hide-for-large { display: none !important; - width:0; - mso-hide:all; // hide selected elements in Outlook 2007-2013 - overflow:hidden; + width: 0; + mso-hide: all; // hide selected elements in Outlook 2007-2013 + overflow: hidden; max-height: 0; font-size: 0; width: 0; - line-height: 0; + line-height: 0; @media only screen and (max-width: #{$global-breakpoint}) { display: block !important; width: auto !important; overflow: visible !important; - max-height: none !important; + max-height: none !important; font-size: inherit !important; line-height: inherit !important; } } table.body table.container .hide-for-large * { - mso-hide:all; // hide selected elements in Outlook 2007-2013 + mso-hide: all; // hide selected elements in Outlook 2007-2013 } table.body table.container .hide-for-large, @@ -48,9 +48,9 @@ table.body table.container .callout-inner.hide-for-large { table.body table.container .show-for-large { @media only screen and (max-width: #{$global-breakpoint}) { display: none !important; - width:0; - mso-hide:all; // hide selected elements in Outlook 2007-2013 - overflow:hidden; + width: 0; + mso-hide: all; // hide selected elements in Outlook 2007-2013 + overflow: hidden; } } diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss index 9f5b8e20..db71f682 100755 --- a/scss/grid/_grid.scss +++ b/scss/grid/_grid.scss @@ -42,7 +42,7 @@ table { width: 100%; position: relative; } - + &.spacer { width: 100%; td { diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss index 50c74ef0..959db6d2 100644 --- a/scss/settings/_settings.scss +++ b/scss/settings/_settings.scss @@ -12,7 +12,6 @@ // 7. Menu // 8. Thumbnail - // 1. Global // --------- @@ -94,16 +93,16 @@ $stat-font-size: 40px; // --------- $button-padding: ( - tiny: 4px 8px 4px 8px, - small: 5px 10px 5px 10px, - default: 8px 16px 8px 16px, - large: 10px 20px 10px 20px, + tiny: 4px 8px 4px 8px, + small: 5px 10px 5px 10px, + default: 8px 16px 8px 16px, + large: 10px 20px 10px 20px, ); $button-font-size: ( - tiny: 10px, - small: 12px, - default: 16px, - large: 20px, + tiny: 10px, + small: 12px, + default: 16px, + large: 20px, ); $button-color: $white; $button-color-alt: $medium-gray;