white space

3 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 */