Improve print view for tutorials

Change-Id: I41d340d259f2f0b504c61c43ca43c3c3ed2e8aef
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index ac5fc5f..1ebf769 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -178,4 +178,36 @@
   main.tutorial {
     margin-right: 20px;
   }
+}
+
+
+@media print {
+  body, html, select, g > text {
+    color: black;
+  }
+  header, aside {
+    display: none;
+  }
+  main.tutorial {
+    margin: 1em;
+  }
+  #kalamar-bg {
+    display: none;
+  }
+  a.doc-link {
+    color: black;
+    text-decoration: underline;
+  }
+  pre.query.tutorial {
+    background-color: white;
+    color: black;
+    margin-left: 1em;
+    margin-right: 1em;
+  }
+  blockquote.warning {
+    background-color: grey;
+    color: white;
+    border-left-color: black;
+    border-left-width: 1em;
+  }
 }
\ No newline at end of file