white space

2 years ago · 71338bf9e1
parent 72f3eed19f
commit 71338bf9e1
3 changed files with 30 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -14,7 +14,6 @@
 	<body>
 		<div class="container">
 			<div class="atlas">
-                <button id="print">libretto</button>
 				<svg
 					width="1000"
 					height="1000"
@ -151,6 +150,7 @@
 						<dt>Caretakers</dt>
 						<dd>Erica, Gersande, Kamo</dd>
 					</dl>
+					<button id="print">Print Libretto</button>
 				</header>
 				<!-- <section class="vocabulary"></section> -->

--- a/print.css
+++ b/print.css
@ -72,6 +72,12 @@
        overflow: hidden;
    }

+    .content p, .content h2 {
+        margin: default;
+    }

+    button#print {
+        display: none;
+    }

 }
--- a/style.css
+++ b/style.css
@ -149,12 +149,35 @@ dd {
    object-fit: contain;
 }

+
+.content {
+    white-space: pre-line;
+}
+
+.content p, 
+.content h2 {
+    margin: 0;
+}
+
 .content img {
    width: 100%;
    object-fit: contain;
    height: auto;
 }

+#print {
+    display: inline-block;
+    margin-top: 32px;
+    background: none;
+    border: 1px solid currentColor;
+    padding: 4px 8px;
+    font-size: 1rem;
+}
+
+#print:hover{
+    cursor: pointer;
+}
+
@namespace svg url(http://www.w3.org/2000/svg);
 /* Necessary to select only SVG <a> elements, and not also HTML's.
   See warning below */