Clean up print styles

Chicago · Jan 23, 2019 · ea91c49 · ea91c49
1 parent 6e8c316
commit ea91c49
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 29 deletions.
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -5,9 +5,7 @@
     {% include category-setup.html %}
     {% include header.html %}
     <main id="main" role="main">
-      <div class="page">
-        {{ content }}
-      </div>
+      {{ content }}
     </main>
     {% include footer.html %}
   </body>

diff --git a/_sass/print.scss b/_sass/print.scss
@@ -29,9 +29,17 @@
   .usa-logo { margin: 0 !important; }
   .usa-section { padding: 0 !important; }
 
+  .layout--page main .usa-grid{
+    margin-top: 1em; 
+  }
+
+  .layout--page .banner{ 
+    max-width: 1040px; 
+    margin: 0 auto;
+  }
+
   .layout--page .usa-navbar,
-  .layout--page .usa-header,
-  .layout--page .category {
+  .layout--page .usa-header {
     display: block;
     padding: 0;
     border: none; 
@@ -264,6 +272,13 @@
   }
 
 
+
+  .layout--example-usability-test-script.layout--page .banner,
+  .layout--example-interview-debrief-worksheet .banner,
+  .layout--interview-checklist .banner{ 
+    display: none;
+  }
+
   .layout--example-usability-test-script h1,
   .layout--example-usability-test-script p,
   .layout--example-interview-debrief-worksheet h1,
@@ -273,17 +288,20 @@
 
   .layout--example-usability-test-script h1,
   .layout--example-user-interview-script h1,
+  .layout--interview-checklist h1,
   .layout--example-interview-debrief-worksheet h1{
       font-size: 20pt;
       margin-top: 0 !important;
   }
 
+  .layout--interview-checklist h2,
   .layout--example-usability-test-script h2,
   .layout--example-interview-debrief-worksheet h2,
   .layout--example-user-interview-script h2{
-    font-size: 16pt;
+    font-size: 17pt;
   }
 
+  .layout--interview-checklist h3,
   .layout--example-usability-test-script h3,
   .layout--example-interview-debrief-worksheet h3,
   .layout--example-user-interview-script h3{
@@ -292,19 +310,6 @@
 
   .layout--interview-checklist .page h1#interview-checklist{ margin-top: 0 ; }
 
-
-  .layout--page.layout--example-design-research-participant-agreement .usa-navbar,
-  .layout--page.layout--example-design-research-participant-agreement .usa-header,
-  .layout--page.layout--example-design-research-participant-agreement .category {
-    display: none;
-  }
-
-  .layout--example-design-research-participant-agreement .page{
-    height: 11in;
-    padding: 0.5in;
-    width: 8.5in;
-  }
-
   .layout--example-design-research-participant-agreement .page p,
   .layout--example-design-research-participant-agreement .page li,
   .layout--interview-checklist .page p,

diff --git a/_sass/screen.scss b/_sass/screen.scss
@@ -8,23 +8,26 @@ body {
   list-style-type: none;
 }
 
-.layout--card .method {
-  margin: 0 0 2em 0;
-}
+.layout--card .method { margin: 0 0 2em 0; }
 
 .layout--page main {
-  padding-bottom: 8em;
+    max-width: 1024px;
+    margin: 0 auto;
+    box-sizing: border-box;
+    padding: 0 20px 60px;
 }
 
-.layout--page .page{
-  margin: 0 auto;
+.layout--page.layout--methods main {
+  padding: 0;
+  max-width: none;
 }
 
+
 @media screen and (min-width: 853.33px) {
-  .layout--about .page,
-  .layout--example-design-research-participant-agreement .page {
-    max-width: 32em;
-  }
+
+  .layout--page main { padding-right: 25%; }
+  .layout--page.layout--methods main { padding-right: 0; }
+
   h3 {
     font-size: $h4-font-size;
     font-weight: 400;