Commit bb12e2cc authored by julientaq's avatar julientaq

update to a5 printing

parent 1a23acf6
......@@ -2,6 +2,7 @@
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
class:
---
# This is the first test
......
{"Target":"css/main.min.7f8b1a75c18ae23f9b1dcf9ddfa9f645.css","MediaType":"text/css","Data":{"Integrity":"md5-f4sadcGK4j+bHc+d36n2RQ=="}}
\ No newline at end of file
{"Target":"css/main.min.dcdcbd69143c1bf5cfe19fa445bb4faa.css","MediaType":"text/css","Data":{"Integrity":"md5-3Ny9aRQ8G/XP4Z+kRbtPqg=="}}
\ No newline at end of file
......@@ -81,13 +81,95 @@
/* paged.js style */
@page {
size: A5;
@bottom-center {
content: element(footer);
}
}
@page :right {
margin-top: 15mm;
margin-left: 20mm;
margin-right: 15mm;
margin-bottom: 25mm;
@top-right {
content: counter(page);
font-family: var(--font-sans);
font-size: 0.7em;
width: 5ch;
background: var(--color-lightest-grey);
}
@top-left {
content: string(title);
font-family: var(--font-sans);
font-size: 0.7em;
}
}
@page :left {
margin-top: 15mm;
margin-left: 15mm;
margin-right: 20mm;
margin-bottom: 25mm;
@top-left {
content: counter(page);
font-family: var(--font-sans);
font-size: 0.7em;
width: 5ch;
background: var(--color-lightest-grey);
}
@top-right {
content: string(title);
font-family: var(--font-sans);
font-size: 0.7em;
}
}
@page :first {
background: var(--color-lightest-grey);
@bottom-left {
content: element(logo);
}
@top-left {
content: none;
}
@top-right {
content: none;
}
}
@media print {
body {
display: block;
}
footer {
position: running(footer);
font-size: 0.8em;
margin: 0;
}
.paginator {
display: none;
}
#print {
display: none;
}
#title {
sring-set: title content(text);
string-set: title content(text);
}
body {
......@@ -95,31 +177,16 @@
widows: 3;
orphans: 3;
}
header {
#title, .intro {
/* color: white; */
#title,
.intro {
text-shadow: none;
}
break-after: page;
}
@page {
size: A4;
@top-left {
content: string(title);
}
@bottom-center {
content: element(footer);
}
@top-right {
content: counter(page);
}
break-after: page;
}
#print {
display: none;
}
......@@ -150,7 +217,6 @@
margin: 0;
display: block;
font-size: 14px;
}
.menu {
......@@ -165,25 +231,14 @@
display: none;
}
header {
header {
page: header;
margin-top: 0;
.intro {
margin-bottom: 0;
.intro {
margin-bottom: 0;
}
}
@page header {
background: var(--color-lightest-grey);
@bottom-left {
content: element(logo);
}
}
.running-head {
position: running(logo);
background: unset;
......
......@@ -314,6 +314,7 @@ header {
font-style: italic;
color: var(--color-body);
font-size: 4.25em;
line-height: 1.1;
font-family: var(--font-serif);
position: relative;
text-shadow: 1px 1px var(--color-paper), -1px 1px var(--color-paper), -1px -1px var(--color-paper), 1px -1px var(--color-paper), 2px 2px var(--color-paper), -2px 2px var(--color-paper), -2px -2px var(--color-paper), 2px -2px var(--color-paper), 3px 3px var(--color-paper), -3px 3px var(--color-paper), -3px -3px var(--color-paper), 3px -3px var(--color-paper), 4px 4px var(--color-paper), -4px 4px var(--color-paper), -4px -4px var(--color-paper), 4px -4px var(--color-paper);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment