Merge pull request #37 from joshuapinter/patch-2

Override styles when printing to ensure good output.
furiouscollective · Oct 5, 2015 · 14a2afd · 14a2afd
2 parents e189399 + c254047
commit 14a2afd
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/gridforms/gridforms.sass b/gridforms/gridforms.sass
@@ -126,6 +126,25 @@
             &:hover
                 background: lighten($field-focus-color, 5%)
                 cursor: text
+
+    // Overide styles when printing to ensure good looking output.
+    @media print
+        [data-row-span]
+            display: table
+            height: 56px
+            page-break-inside: avoid
+
+            [data-field-span]
+                border-right: 1px solid #333333
+                display: table-cell
+                float: none
+
+                &.focus,
+                &:hover
+                    background: none 
+
+                label:first-child
+                    letter-spacing: 0
 
     // Create row spans for n columns in the grid
     @for $grid_i from 1 through $max-columns