removed the [class=body] selector from the media query, seems to work

diff --git a/scss/ink/components/_media-query.scss b/scss/ink/components/_media-query.scss
index 2c85db7f664f6ab38f458058aa843c0e08e5baac..05ded79c52a67ae201d17a3914bd8b706236cde8 100755 (executable)
--- a/scss/ink/components/_media-query.scss
+++ b/scss/ink/components/_media-query.scss
@@ -18,23 +18,23 @@ $small-range: $container-width !default;
 
 @media only screen and (max-width: #{$small-range}) {
   
-  table[class="body"] img {
+  table.body img {
     width: auto !important;
     height: auto !important;
   }
 
-  table[class="body"] center {
+  table.body center {
     min-width: 0 !important;
   }
 
-  table[class="body"] .container {
+  table.body .container {
     width: $small-container-width !important;
   }
 
   //If it supports border-box, why not? Am I right?
   //Also, by default pad that to the grid-column-gutter variable
-  table[class="body"] .columns,
-  table[class="body"] .column {
+  table.body .columns,
+  table.body .column {
     height: auto !important;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -45,8 +45,8 @@ $small-range: $container-width !default;
 
   //If it's collapsed make it so.
   .collapse {
-    table[class="body"] & .columns,
-    table[class="body"] & .column {
+    table.body & .columns,
+    table.body & .column {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
@@ -87,35 +87,35 @@ $small-range: $container-width !default;
   }
 
   @for $i from 1 through ($grid-column-count - 1) {
-    table[class="body"] td.small-offset-#{$i},
-    table[class="body"] th.small-offset-#{$i} {
+    table.body td.small-offset-#{$i},
+    table.body th.small-offset-#{$i} {
       //1.5 takes in effect a whole empty cell.
       margin-left: grid-calc-pct($i, $grid-column-count) !important;
     }
   }
 
-  table[class="body"] table.columns td.expander,
-  table[class="body"] table.columns th.expander {
+  table.body table.columns td.expander,
+  table.body table.columns th.expander {
     display: none !important;
   }
 
-  table[class="body"] .right-text-pad,
-  table[class="body"] .text-pad-right {
+  table.body .right-text-pad,
+  table.body .text-pad-right {
     padding-left: $text-padding !important;
   }
 
-  table[class="body"] .left-text-pad,
-  table[class="body"] .text-pad-left {
+  table.body .left-text-pad,
+  table.body .text-pad-left {
     padding-right: $text-padding !important;
   }
 
-  table[class="body"] .hide-for-small,
-  table[class="body"] .show-for-desktop {
+  table.body .hide-for-small,
+  table.body .show-for-desktop {
     display: none !important;
   }
 
-  table[class="body"] .show-for-small,
-  table[class="body"] .hide-for-desktop {
+  table.body .show-for-small,
+  table.body .hide-for-desktop {
     display: inherit !important;
   }