adds small vertical menu class and small-float-center

diff --git a/scss/components/_media-query.scss b/scss/components/_media-query.scss
index 0f6094a764c68f5b570a3cc7b687e85e0ce750d8..23760505e7590fea1a89775b804cd09224d3cb12 100755 (executable)
--- a/scss/components/_media-query.scss
+++ b/scss/components/_media-query.scss
@@ -131,7 +131,6 @@ $small-range: $container-width !default;
         display: block !important;
       }
     }
-
   }
 
   //Buttons

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 3be193e70e9acc6bf28e93734266ff457a8717c2..72774955c7e14badeafb217f9ffe00bebfbbca59 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -33,7 +33,7 @@ table.menu.simple {
   }
 }
 
-//Doesn't work on the pesky ESPs like outlook 2000
+// Doesn't work on the pesky ESPs like outlook 2000
 table.menu.vertical {
   td,
   th,
@@ -42,7 +42,7 @@ table.menu.vertical {
     width: 100%;
   }
 
-  //Nested lists need some more padding to the left
+  // Nested lists need some more padding to the left
   td,
   th {
     table.menu.vertical {
@@ -53,3 +53,7 @@ table.menu.vertical {
     }
   }
 }
+
+table.menu.text-center a {
+  text-align: center;
+}

diff --git a/scss/foundation.scss b/scss/foundation.scss
index 624656f6979e7664f191ce474841556a943c0f27..9ba70a295b07b444b7f1c142342c33cc124501d7 100755 (executable)
--- a/scss/foundation.scss
+++ b/scss/foundation.scss
@@ -16,4 +16,6 @@
   'components/thumbnail',
   'components/menu',
   'components/outlook-first',
-  'components/media-query';
\ No newline at end of file
+  'components/media-query';
+
+  
\ No newline at end of file

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 1aa6b378d1dca5b449c75aa83535fb74ef53f88c..02d61c78aa003b03f08e1bdae565dd9710523d37 100755 (executable)
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -28,7 +28,7 @@ $sub-column-padding-right: $grid-column-gutter / 2 !default;
 
 /// Body background color.
 /// @type Length
-$body-background-color: #eeeeee !default;
+$body-background-color: $light-gray !default;
 
 //For viewing email in browser
 html {

diff --git a/testing/package.json b/testing/package.json
index 3538efe5266e6650deabd2a707a6a364d15ea74f..4e569ef441b404df4a4be3fdd27482c30dc60027 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.2.0",
+    "inky": "^1.2.1",
     "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 a5006ea02be197853a21ea1ccf87da6c26874f6c..5076628c9c6747c4912cfb24153c6886fd6f9012 100644 (file)
--- a/testing/src/assets/scss/_settings.scss
+++ b/testing/src/assets/scss/_settings.scss
@@ -42,7 +42,7 @@ $wrapper-padding-top: 10px;
 $column-padding-bottom: 10px;
 $grid-column-gutter: 16px;
 $sub-column-padding-right: $grid-column-gutter / 2;
-$body-background-color: #eeeeee;
+$body-background-color: $light-gray;
 
 // 3. Block Grid
 // -------------

diff --git a/testing/src/assets/scss/app.scss b/testing/src/assets/scss/app.scss
index e7f69df8232e6fc7566a86fe5e076a4ac629a201..f3f48cb79e0b7567a063c3d5e2f8f808b06e66c7 100644 (file)
--- a/testing/src/assets/scss/app.scss
+++ b/testing/src/assets/scss/app.scss
@@ -1,2 +1,26 @@
 @import 'settings';
 @import '../../../../scss/foundation';
+
+@media only screen and (max-width: #{$small-range}) {
+  .small-float-center {
+    margin: 0 auto;
+    float: none;
+    text-align: center;
+  }
+
+  .small-text-center {
+    text-align: center;
+  }
+  
+  .up-3 td {
+    width: 45% !important;
+  }
+
+  table.menu.small-vertical {
+    td,
+    th,
+    a {
+      display: block !important;
+    }
+  }
+}
\ No newline at end of file