fix(resume): Push the small-screen breakpoint back 6px to facilit…

…ate printing on A4. Close #18.
randytarampi · Aug 3, 2018 · 5141d96 · 5141d96
1 parent ae8b63d
commit 5141d96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/css/styles/variables.scss b/packages/css/styles/variables.scss
@@ -12,6 +12,9 @@ $fa-font-path: ".";
 
 @import "materialize-css/sass/components/variables";
 
+$small-screen: 594px;
+$small-screen-up: 595px;
+
 $medium-and-up: "all and (min-width : #{$small-screen-up})";
 $large-and-up: "all and (min-width : #{$medium-screen-up})";
 $extra-large-and-up: "all and (min-width : #{$large-screen-up})";

diff --git a/packages/resume/styles/resume/layout.scss b/packages/resume/styles/resume/layout.scss
@@ -28,6 +28,8 @@
     }
 
     @page {
+        min-width: $small-screen-up;
+        max-width: $medium-screen;
         margin: 0;
     }
 }