From 16821e662033144231eeeb95aca7e916ada5910f Mon Sep 17 00:00:00 2001 From: Tim Hartwick Date: Fri, 12 Feb 2016 11:37:43 -0800 Subject: [PATCH] removed the [class=body] selector from the media query, seems to work --- scss/ink/components/_media-query.scss | 38 +++++++++++++-------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/scss/ink/components/_media-query.scss b/scss/ink/components/_media-query.scss index 2c85db7f..05ded79c 100755 --- 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; } -- 2.47.2