Support one-sided printing option that makes a loose-leaf result.
Fixes #1
This commit is contained in:
64
passmate.css
64
passmate.css
@@ -76,6 +76,18 @@ overview,product {
|
||||
max-width: 40em;
|
||||
}
|
||||
|
||||
blurb.side-one,blurb.side-two {
|
||||
display: none;
|
||||
}
|
||||
|
||||
overview.side-one blurb.side-one {
|
||||
display: block;
|
||||
}
|
||||
|
||||
overview.side-two blurb.side-two {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
margin-bottom: 1em;
|
||||
padding: 0.1em;
|
||||
@@ -156,6 +168,18 @@ overview,product {
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
li.side-one,li.side-two {
|
||||
display: none;
|
||||
}
|
||||
|
||||
overview.side-one li.side-one {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
overview.side-two li.side-two {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
.selected {
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -171,6 +195,9 @@ overview,product {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
product.side-two {
|
||||
grid-template:
|
||||
[side1-start] "page56 page1" 100% [side1-end]
|
||||
[side2-start] "page55 page2" 100% [side2-end]
|
||||
@@ -203,6 +230,39 @@ overview,product {
|
||||
/ 50% 50%;
|
||||
}
|
||||
|
||||
product.side-one {
|
||||
grid-template:
|
||||
[side1-start] "page1 page1" 100% [side1-end]
|
||||
[side2-start] "page2 page3" 100% [side2-end]
|
||||
[side3-start] "page4 page5" 100% [side3-end]
|
||||
[side4-start] "page6 page7" 100% [side4-end]
|
||||
[side5-start] "page8 page9" 100% [side5-end]
|
||||
[side6-start] "page10 page11" 100% [side6-end]
|
||||
[side7-start] "page12 page13" 100% [side7-end]
|
||||
[side8-start] "page14 page15" 100% [side8-end]
|
||||
[side9-start] "page16 page17" 100% [side9-end]
|
||||
[side10-start] "page18 page19" 100% [side10-end]
|
||||
[side11-start] "page20 page21" 100% [side11-end]
|
||||
[side12-start] "page22 page23" 100% [side12-end]
|
||||
[side13-start] "page24 page25" 100% [side13-end]
|
||||
[side14-start] "page26 page27" 100% [side14-end]
|
||||
[side15-start] "page28 page29" 100% [side15-end]
|
||||
[side16-start] "page30 page31" 100% [side16-end]
|
||||
[side17-start] "page32 page33" 100% [side17-end]
|
||||
[side18-start] "page34 page35" 100% [side18-end]
|
||||
[side19-start] "page36 page37" 100% [side19-end]
|
||||
[side20-start] "page38 page39" 100% [side20-end]
|
||||
[side21-start] "page40 page41" 100% [side21-end]
|
||||
[side22-start] "page42 page43" 100% [side22-end]
|
||||
[side23-start] "page44 page45" 100% [side23-end]
|
||||
[side24-start] "page46 page47" 100% [side24-end]
|
||||
[side25-start] "page48 page49" 100% [side25-end]
|
||||
[side26-start] "page50 page51" 100% [side26-end]
|
||||
[side27-start] "page52 page53" 100% [side27-end]
|
||||
[side28-start] "page54 page55" 100% [side28-end]
|
||||
/ 50% 50%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: 'copernicus';
|
||||
font-weight: 600;
|
||||
@@ -225,11 +285,11 @@ overview,product {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
page[data-half="first"]:nth-of-type(2n) {
|
||||
product.side-two page[data-half="first"]:nth-of-type(2n) {
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
page[data-half="second"]:nth-of-type(2n+1) {
|
||||
product.side-two page[data-half="second"]:nth-of-type(2n+1) {
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user