Improve print view for tutorials
Change-Id: I41d340d259f2f0b504c61c43ca43c3c3ed2e8aef
diff --git a/dev/scss/main/main.scss b/dev/scss/main/main.scss
index 39e1a62..3478a77 100644
--- a/dev/scss/main/main.scss
+++ b/dev/scss/main/main.scss
@@ -28,23 +28,6 @@
text-align: justify;
hyphens: auto;
}
-
-/*
- > section > p, > p {
- a {
- border-radius: 6px;
- padding: 0 .3em;
- background-color: $choose-bg;
- text-shadow: light-shadow;
- color: $light-green;
- &:hover {
- color: $dark-green;
- text-shadow: none;
- background-color: $light-green;
- }
- }
- }
-*/
}
blockquote {
@@ -55,24 +38,3 @@
background-color: $ids-blue-2;
color: $ids-blue-1;
}
-
-/*
-blockquote {
- border-radius: 12px;
- margin: 0;
- text-indent: 0;
- padding: 1em;
- border-left: {
- color: $dark-grey;
- style: solid;
- width: 1em;
- }
- background-color: $light-grey;
- &.warning {
- border-left-color: $dark-orange;
- }
- &.exception {
- border-left-color: red;
- }
-}
-*/
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