diff --git a/src/index.html b/src/index.html index 38bc2b7..73d6aee 100644 --- a/src/index.html +++ b/src/index.html @@ -16,6 +16,7 @@ + div { column-width: var(--colw); column-gap: var(--gap); @@ -94,21 +89,6 @@ h1 { margin: 0; } } -@media print { - div.title { - display: grid; - grid-template-columns: 1fr min-content; - align-items: center; - } - div.title > img { - grid-column: -1; - margin: 0; - } - div.title > * { - grid-row: 1; - margin: 0; - } -} h1, h2, h3 { font-weight: 250; @@ -135,12 +115,6 @@ h4 {font-size: 1.2rem} h5 {font-size: 1rem} h6 {font-size: .8rem} -@media print { - h2 { - display: none; - } -} - p, ul, ol, dl {line-height: var(--lh)} em {font-variation-settings: 'slnt' -5} strong {font-weight: 550} @@ -192,7 +166,7 @@ dd { color: inherit; text-decoration: none; } -@media not print { +@media screen { .link-block > a { background: var(--bg-01); padding: var(--gap); @@ -202,17 +176,6 @@ dd { grid-template-rows: 1fr auto; } } -@media print { - .img-block { - display: none; - } - .link-block > a { - height: auto; - } - .link-block > a > .i { - display: none; - } -} .link-block > a:hover { background: var(--bg-02); } @@ -244,13 +207,4 @@ footer { margin: calc(-1 * var(--gap)); margin-top: 0; } -@media print { - footer { - display: none; - } -} -@page { - size: a4 portrait; - margin: 2cm; -} diff --git a/src/static/css/print.css b/src/static/css/print.css new file mode 100644 index 0000000..8e92224 --- /dev/null +++ b/src/static/css/print.css @@ -0,0 +1,41 @@ +body { + display: block; +} + +div.title { + display: grid; + grid-template-columns: 1fr min-content; + align-items: center; +} +div.title > img { + grid-column: -1; + margin: 0; +} +div.title > * { + grid-row: 1; + margin: 0; +} + +h2 { + display: none; +} + +.img-block { + display: none; +} +.link-block > a { + height: auto; +} +.link-block > a > .i { + display: none; +} + +footer { + display: none; +} + +@page { + size: a4 portrait; + margin: 2cm; +} +