cleaned up comments

diff --git a/scss/ink/components/_callout.scss b/scss/ink/components/_callout.scss
index 4225d4cf7e7370543713e6edfedff8d776ac1fa9..4b23f06e9dec72853fc21b98006a54e2dc0a9019 100644 (file)
--- a/scss/ink/components/_callout.scss
+++ b/scss/ink/components/_callout.scss
@@ -56,12 +56,3 @@ td.callout {
     color: $white !important;
   }
 }
-
-///check this
-.sub-grid table {
-  width: 100%;
-}
-
-.sub-grid td.sub-columns {
-  padding-bottom: 0;
-}

diff --git a/scss/ink/components/_grid.scss b/scss/ink/components/_grid.scss
index c4f8b89478232b9458456490bdf0022dab3f37e5..74c4636c2f90f5ef9f897f1dd67d9a6aeeaacc63 100755 (executable)
--- a/scss/ink/components/_grid.scss
+++ b/scss/ink/components/_grid.scss
@@ -47,7 +47,6 @@ table.container table.row {
   display: table;
 }
 
-//Begin new gutter!
 td.columns,
 td.column,
 th.columns,
@@ -129,25 +128,3 @@ th.expander {
   width: 0;
   padding: 0 !important;
 }
-
-// table.columns .text-pad,
-// table.column .text-pad {
-//   padding-left: $text-padding;
-//   padding-right: $text-padding;
-// }
-
-// table.columns .left-text-pad,
-// table.columns .text-pad-left,
-// table.column .left-text-pad,
-// table.column .text-pad-left {
-//   padding-left: $text-padding;
-// }
-
-// table.columns .right-text-pad,
-// table.columns .text-pad-right,
-// table.column .right-text-pad,
-// table.column .text-pad-right {
-//   padding-right: $text-padding;
-// }
-
-

diff --git a/scss/ink/components/_media-query.scss b/scss/ink/components/_media-query.scss
index 95836fbc5b920772c16f8952d27aed331def66dc..2c85db7f664f6ab38f458058aa843c0e08e5baac 100755 (executable)
--- a/scss/ink/components/_media-query.scss
+++ b/scss/ink/components/_media-query.scss
@@ -18,123 +18,121 @@ $small-range: $container-width !default;
 
 @media only screen and (max-width: #{$small-range}) {
   
-table[class="body"] img {
-  width: auto !important;
-  height: auto !important;
-}
+  table[class="body"] img {
+    width: auto !important;
+    height: auto !important;
+  }
 
-table[class="body"] center {
-  min-width: 0 !important;
-}
+  table[class="body"] center {
+    min-width: 0 !important;
+  }
 
-table[class="body"] .container {
-  width: $small-container-width !important;
-}
+  table[class="body"] .container {
+    width: $small-container-width !important;
+  }
 
-//If it supports border-box, why not? Am I right?
-//Also, by default padd that to the grid-column-gutter variable
-table[class="body"] .columns,
-table[class="body"] .column {
-  height: auto !important;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding-left: $grid-column-gutter !important;
-  padding-right: $grid-column-gutter !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 {
+    height: auto !important;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-left: $grid-column-gutter !important;
+    padding-right: $grid-column-gutter !important;
+  }
 
-//If it's collapsed make it so.
-.collapse {
-  table[class="body"] & .columns,
-  table[class="body"] & .column {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
+  //If it's collapsed make it so.
+  .collapse {
+    table[class="body"] & .columns,
+    table[class="body"] & .column {
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+    }
   }
-}
 
-//Basic grid rules
-@for $i from 1 through $grid-column-count {
-  td.small-#{$i},
-  th.small-#{$i} {
-    display: inline-block !important;
-    width: grid-calc-pct($i, $grid-column-count) !important;    
+  //Basic grid rules
+  @for $i from 1 through $grid-column-count {
+    td.small-#{$i},
+    th.small-#{$i} {
+      display: inline-block !important;
+      width: grid-calc-pct($i, $grid-column-count) !important;    
+    }
   }
-}
 
-//If it's the last column in column count (12 by default),
-//give it block and 100% width to knock down the wimpy columns to their own row.
-.columns td.small-#{$grid-column-count},
-.column td.small-#{$grid-column-count},
-.columns th.small-#{$grid-column-count},
-.column th.small-#{$grid-column-count} {
-  display: block !important;
-  width: 100% !important;
-}
+  //If it's the last column in column count (12 by default),
+  //give it block and 100% width to knock down the wimpy columns to their own row.
+  .columns td.small-#{$grid-column-count},
+  .column td.small-#{$grid-column-count},
+  .columns th.small-#{$grid-column-count},
+  .column th.small-#{$grid-column-count} {
+    display: block !important;
+    width: 100% !important;
+  }
 
 
-//Rules for the Center Tag
-@for $i from 1 through ($grid-column-count - 1) {
-  .body .columns td.small-#{$i},
-  .body .column td.small-#{$i},
-  td.small-#{$i} center,
+  //Rules for the Center Tag
+  @for $i from 1 through ($grid-column-count - 1) {
+    .body .columns td.small-#{$i},
+    .body .column td.small-#{$i},
+    td.small-#{$i} center,
 
-  .body .columns th.small-#{$i},
-  .body .column th.small-#{$i},
-  th.small-#{$i} center {
-    display: inline-block !important;
-    width: grid-calc-pct($i, $grid-column-count) !important;
+    .body .columns th.small-#{$i},
+    .body .column th.small-#{$i},
+    th.small-#{$i} center {
+      display: inline-block !important;
+      width: grid-calc-pct($i, $grid-column-count) !important;
+    }
   }
-}
 
-@for $i from 1 through ($grid-column-count - 1) {
-  table[class="body"] td.small-offset-#{$i},
-  table[class="body"] th.small-offset-#{$i} {
-    //1.5 takes in effect a whole empty cell.
-    margin-left: grid-calc-pct($i, $grid-column-count) !important;
+  @for $i from 1 through ($grid-column-count - 1) {
+    table[class="body"] td.small-offset-#{$i},
+    table[class="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 {
-  display: none !important;
-}
 
-table[class="body"] .right-text-pad,
-table[class="body"] .text-pad-right {
-  padding-left: $text-padding !important;
-}
+  table[class="body"] table.columns td.expander,
+  table[class="body"] table.columns th.expander {
+    display: none !important;
+  }
 
-table[class="body"] .left-text-pad,
-table[class="body"] .text-pad-left {
-  padding-right: $text-padding !important;
-}
+  table[class="body"] .right-text-pad,
+  table[class="body"] .text-pad-right {
+    padding-left: $text-padding !important;
+  }
 
-table[class="body"] .hide-for-small,
-table[class="body"] .show-for-desktop {
-  display: none !important;
-}
+  table[class="body"] .left-text-pad,
+  table[class="body"] .text-pad-left {
+    padding-right: $text-padding !important;
+  }
 
-table[class="body"] .show-for-small,
-table[class="body"] .hide-for-desktop {
-  display: inherit !important;
-}
+  table[class="body"] .hide-for-small,
+  table[class="body"] .show-for-desktop {
+    display: none !important;
+  }
 
-//menu
-table.menu {
-  td,
-  th {
-    width: auto !important;
-    display: inline-block !important;
+  table[class="body"] .show-for-small,
+  table[class="body"] .hide-for-desktop {
+    display: inherit !important;
   }
 
-  &.vertical {
+  //menu
+  table.menu {
     td,
     th {
-      display: block !important;
+      width: auto !important;
+      display: inline-block !important;
     }
-  }
-
-}
 
+    &.vertical {
+      td,
+      th {
+        display: block !important;
+      }
+    }
 
+  }
 }