adds orientation classes for text

diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss
index dc7b9131cd86856ebe80509c151e5215867f66f0..36a97ed703e38a58dd00368975f8e5244ca96aa6 100755 (executable)
--- 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 0f6094a764c68f5b570a3cc7b687e85e0ce750d8..7b5b81e515f1f4be8e2b62ff8391a9f00e8d4552 100755 (executable)
--- 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 47dbd82e4e55ea88dc2b8263c97ba115cbe6f852..260a9366f1a3a081eb85852024286c31a07e7ac0 100755 (executable)
--- 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 f3da63d4fde4532a30671b8e7ccd70819965e9c0..0a77226dcb024f1e39d16796e2d6f03152f7ab07 100644 (file)
--- 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 c46051b0185ca3f739de55be7fe782e5be549f30..e0402579d8b8a93d6b6907d96621d0ec7fb540f3 100644 (file)
--- 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 a198552af0edabf6ee76a2e35ea460da0080fe75..ef4844c63daf9d63a6bb97e73163b7bb9c46c4f2 100644 (file)
--- 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">