From: RafiBomb <rafi@zurb.com>
Date: Wed, 2 Mar 2016 21:25:29 +0000 (-0800)
Subject: adds orientation classes for text
X-Git-Tag: v2.0.0-rc.3~23
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=612c46bc5a86616b0754fe57dc43570effab2080;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds orientation classes for text
---

diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss
index dc7b9131..36a97ed7 100755
--- a/scss/components/_alignment.scss
+++ b/scss/components/_alignment.scss
@@ -27,4 +27,32 @@ span.center {
 img.center {
   margin: 0 auto;
   float: none;
+  text-align: center;
+}
+
+img.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;
+}
+
+h1.left,
+h2.left,
+h3.left,
+h4.left,
+h5.left,
+h6.left,
+p.left,
+span.left {
+  text-align: left;
 }
diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss
index 0f6094a7..7b5b81e5 100755
--- a/scss/components/_media-query.scss
+++ b/scss/components/_media-query.scss
@@ -6,6 +6,10 @@
 /// @group media-query
 ////
 
+/// Body background color.
+/// @type Length
+$body-background-color: #333 !default;
+
 /// Container width for small screens.
 /// @type Length
 $container-width-small: 95% !default;
@@ -16,6 +20,11 @@ $small-range: $container-width !default;
 
 @media only screen and (max-width: #{$small-range}) {
 
+  table,
+  table.body {
+    background: $body-background-color;
+  }
+
   table.body img {
     width: auto !important;
     height: auto !important;
diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 47dbd82e..260a9366 100755
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -124,7 +124,11 @@ th.column {
 
 @for $i from 1 through ($grid-column-count - 1) {
   td.large-offset-#{$i},
-  th.large-offset-#{$i} {
+  td.large-offset-#{$i}.first,
+  td.large-offset-#{$i}.last,
+  th.large-offset-#{$i},
+  th.large-offset-#{$i}.first,
+  th.large-offset-#{$i}.last {
     //1.5 takes in effect a whole empty cell.
     padding-left: -zf-grid-calc-px($i, $grid-column-count, $container-width) + 1.5 * $grid-column-gutter;
   }
diff --git a/testing/package.json b/testing/package.json
index f3da63d4..0a77226d 100644
--- a/testing/package.json
+++ b/testing/package.json
@@ -24,7 +24,7 @@
     "gulp-sass": "^2.1.0",
     "gulp-sourcemaps": "^1.6.0",
     "gulp-webserver": "^0.9.1",
-    "inky": "1.0.0-rc.1",
+    "inky": "1.0.0",
     "lazypipe": "^1.0.1",
     "media-query-extractor": "^0.1.1",
     "panini": "^1.1.1",
diff --git a/testing/src/assets/scss/_settings.scss b/testing/src/assets/scss/_settings.scss
index c46051b0..e0402579 100644
--- a/testing/src/assets/scss/_settings.scss
+++ b/testing/src/assets/scss/_settings.scss
@@ -114,12 +114,12 @@ $global-line-height: 1.3;
 $body-font-size: 14px;
 $body-line-height: 19px;
 $header-font-family: $global-font-family;
-$h1-font-size: 40px;
-$h2-font-size: 36px;
-$h3-font-size: 32px;
-$h4-font-size: 28px;
-$h5-font-size: 24px;
-$h6-font-size: 20px;
+$h1-font-size: 38px;
+$h2-font-size: 34px;
+$h3-font-size: 28px;
+$h4-font-size: 24px;
+$h5-font-size: 20px;
+$h6-font-size: 16px;
 $small-font-size: 10px;
 $lead-font-size: 18px;
 $lead-line-height: 21px;
diff --git a/testing/src/pages/grid-inky.html b/testing/src/pages/grid-inky.html
index a198552a..ef4844c6 100644
--- a/testing/src/pages/grid-inky.html
+++ b/testing/src/pages/grid-inky.html
@@ -1,3 +1,10 @@
+
+<style type="text/css">
+  table.body {
+    background: red !important;
+  }
+</style>
+
 <container>
   <row>
     <columns small="12" large="12">