Julie/walter-boente_book-collection
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

layout-3 w/ Akkurat

Browse source
This commit is contained in:
Julie Blanc 2026-01-20 22:37:15 +01:00
parent a4c3390b99
commit 8255f08762
10 changed files with 197 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

123
css/modules/_footnotes.scss
View file

@ -1,88 +1,51 @@
// @page { @page {
// @footnote { @footnote {
// float: bottom; float: bottom;
// footnote-policy: auto; footnote-policy: auto;
// } }
// } }
// .pagedjs_footnote_content{ .pagedjs_footnote_content{
// padding-top: calc(var(--baseline)*1); padding-top: calc(var(--baseline)*1);
// } }
// .inline-note { .inline-note {
// float: footnote; float: footnote;
// footnote-policy: auto; footnote-policy: auto;
// font-size: 9px;
// line-height: calc(var(--baseline)*0.8);
// padding-left: var(--indent);
// position: relative;
// // font-weight: 100;
// &::marker{
// display: none;
// content: "";
// }
// }
// [data-counter-note]{
// &::before{
// content: attr(data-counter-note) ".";
// position: absolute;
// left: 0px;
// }
// }
// [data-footnote-call]{
// font-size: 9px;
// }
.footnote-ref{
font-family: var(--font-title);
line-height: 0;
font-size: var(--fs-small); font-size: var(--fs-small);
font-weight: 500; line-height: calc(var(--baseline)*0.8);
} padding-left: var(--indent);
position: relative;
font-weight: 600;
#footnotes{
break-before: right;
.title-part{
font-family: var(--font-title);
font-size: 1.1rem;
font-weight: 500;
line-height: calc(var(--baseline)*1.2);
margin-top: calc(var(--baseline)*2);
padding-bottom: calc(var(--baseline)*1);
padding-right: 2ch;
padding-left: 2ch;
text-align: center;
text-wrap: balance;
&::before{
content: attr(data-part-number) ". "
}
}
li{
font-size: var(--fs-small);
// &::marker{
// font-family: var(--font-title);
// font-weight: 500;
// }
}
.footnote-back{
display: none;
}
&::marker{
display: none;
content: "";
}
}
[data-counter-note]{
&::before{
content: attr(data-counter-note) ".";
position: absolute;
left: 0px;
}
}
.inline-note::after{
font-family: var(--font);
font-size: var(--fs-small);
line-height: 0;
position: relative;
top: -3px;
font-variant-position: normal!important;
} }
[data-id="footnotes"][data-split-from] > :first-child { blockquote .inline-note{
margin-top: 0; font-variant-position: normal!important;
} }

2
css/modules/_layout.scss
View file

@ -1,6 +1,6 @@
@media print { @media print {
@page { @page {
size: 134mm 205mm; size: 176mm 240mm;
// size: 150mm 220mm; // size: 150mm 220mm;
margin-top: 36px; margin-top: 36px;
margin-bottom: 20mm; margin-bottom: 20mm;

84
css/modules/_text.scss
View file

@ -37,12 +37,14 @@ ol[type="1"] + p{
blockquote{ blockquote{
font-family: var(--font-serif);
padding-left: calc(var(--indent)*1); padding-left: calc(var(--indent)*1);
font-size: var(--fs-small); padding-right: calc(var(--indent)*1);
// line-height: calc(var(--baseline)*0.75); // font-size: var(--fs-small);
margin-top: calc(var(--baseline)*0.5); margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5); margin-bottom: calc(var(--baseline)*0.5);
font-size: 12px;
color: #343434;
} }
@ -55,8 +57,12 @@ blockquote + ol + p{
.these{ .these{
font-family: var(--font-title); // color: red;
// font-family: var(--font-title);
margin-bottom: calc(var(--baseline)*1); margin-bottom: calc(var(--baseline)*1);
border-left: 4px solid #efefef;
box-decoration-break: clone;
padding-left: calc(var(--indent)*0.5);
} }
@ -66,20 +72,31 @@ ol[type="1"]{
break-after: avoid; break-after: avoid;
position: absolute; position: absolute;
left: calc(var(--indent)*-1.5 - 0.5ch); left: 0px;
&::before{ display: flex;
gap: 0.25ch;
&::after{
content: attr(start); content: attr(start);
// font-family: var(--font-title); // font-family: var(--font-title);
// font-weight: 500; // font-weight: 500;
font-size: 0.6rem; font-size: var(--fs-small);
color: #999; color: #999;
display: block; // display: block;
height: var(--baseline); // height: var(--baseline);
padding-right: 1ch; // padding-right: 1ch;
border-right: 1px solid #efefef; // border-right: 1px solid #efefef;
}
li::before{
font-size: var(--fs-small);
content: "";
color: #d7d7d7;
position: relative;
top: -1px;
} }
@ -87,48 +104,3 @@ ol[type="1"]{
} }
// GRADATIONS
/*
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
position: absolute;
left: calc(var(--indent)*-1.5 - 0.5ch);
&::before{
content: attr(start);
font-family: var(--font-title);
font-weight: 500;
font-size: 0.6rem;
color: #999;
display: block;
padding: 0px 2px;
// border: 1px solid #efefef;
min-width: 20px;
justify-content: center;
}
}
.pagedjs_page_content::before{
--color: #efefef;
--size: 20px;
content: "";
display: block;
height: 100%;
width: var(--size);
position: absolute;
left: calc(var(--indent)*-1 - var(--size));
background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent;
background-size: 100% var(--baseline);
background-repeat: repeat-y;
}
*/

58
css/modules/_titles.scss
View file

@ -1,13 +1,14 @@
#section__content{ #section__content{
margin-left: 28mm;
h1, h2, h3 { h1, h2, h3 {
&::before{ &::before{
content: attr(data-counter); content: attr(data-counter);
} }
} }
h4, h5, h6{ h4, h5, h6{
&::before{ &::before{
content: attr(data-counter) ". "; content: attr(data-counter) ". ";
} }
@ -69,10 +70,13 @@
margin-top: calc(var(--baseline)*1 + 6px); margin-top: calc(var(--baseline)*1 + 6px);
padding-bottom: calc(var(--baseline)*1); padding-bottom: calc(var(--baseline)*1);
padding-right: 2ch; padding-right: 2ch;
padding-left: calc(var(--indent)*2);
&::before{ &::before{
display: block; position: absolute;
font-size: var(--fs-num); left: 0;
padding-left: var(--indent); // display: block;
// font-size: var(--fs-num);
// padding-left: var(--indent);
} }
} }
@ -89,12 +93,11 @@
position: relative; position: relative;
margin-top: calc(var(--baseline)*1 + 4px); margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.75); padding-bottom: calc(var(--baseline)*0.75);
padding-left: calc(var(--indent)*2);
&::before{ &::before{
display: block;
font-size: var(--fs-num); position: absolute;
padding-left: var(--indent); left: 0;
// position: absolute;
// left: 0;
} }
} }
@ -103,13 +106,19 @@
font-weight: 500; font-weight: 500;
font-size: 0.9rem; font-size: 0.9rem;
line-height: calc(var(--baseline)*1); line-height: calc(var(--baseline)*1);
padding-left: calc(var(--indent)*1);
padding-right: calc(var(--indent)*2); padding-right: calc(var(--indent)*2);
position: relative; position: relative;
margin-top: calc(var(--baseline)*1 + 4px); margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.75); padding-bottom: calc(var(--baseline)*0.75);
text-decoration: underline 1px #cfcfcf; text-decoration: underline 1px #cfcfcf;
text-underline-offset: 3px; text-underline-offset: 3px;
padding-left: calc(var(--indent)*2);
&::before{
// position: absolute;
// left: 0;
}
} }
@ -118,7 +127,7 @@
font-weight: 500; font-weight: 500;
font-size: 0.8rem; font-size: 0.8rem;
line-height: calc(var(--baseline)*1); line-height: calc(var(--baseline)*1);
padding-left: calc(var(--indent)*1); padding-left: calc(var(--indent)*2);
// padding-right: calc(var(--indent)*2); // padding-right: calc(var(--indent)*2);
position: relative; position: relative;
margin-top: calc(var(--baseline)*1 + 4px); margin-top: calc(var(--baseline)*1 + 4px);
@ -145,19 +154,32 @@
h1{ h1{
font-family: var(--font-title); font-family: var(--font-title);
font-size: 1.4rem; font-size: 1.6rem;
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
line-height: calc(var(--baseline)*1.4); line-height: calc(var(--baseline)*1.6);
text-align: center; // text-align: center;
position: relative; position: relative;
margin-top: calc(var(--baseline)*2 - 3px); margin-top: calc(var(--baseline)*2 - 3px);
padding-bottom: calc(var(--baseline)*1); padding-bottom: calc(var(--baseline)*1);
padding-left: 1ch; padding-left: calc(var(--indent)*2);
padding-right: 1ch; padding-right: 1ch;
&::before{ &::before{
display: block; // font-size: var(--fs-num);
font-size: var(--fs-num); // width: 2ch;
// height: 2ch;
// border: 1px solid currentColor;
// border-radius: 50%;
// display: flex;
// align-items: center;
// justify-content: center;
position: absolute;
left: 0;
width: calc(var(--indent)*2 - 0.5ch);
// border-bottom: 2px solid #cfcfcf;
// top: 3px;
} }
} }

5
css/modules/_var.scss
View file

@ -1,9 +1,10 @@
:root{ :root{
--font: 'Edgar', sans-serif; --font: 'Akkurat Std', sans-serif;
--font-serif: 'Edgar', sans-serif;
--font-title: 'Allium Rounded', sans-serif; --font-title: 'Allium Rounded', sans-serif;
--font-sans: 'Allium Rounded', sans-serif; --font-sans: 'Allium Rounded', sans-serif;
--font-size: 11px; --font-size: 11px;
--fs-small: 9.5px; --fs-small: 8.5px;
--fs-num: 14px; --fs-num: 14px;
--baseline: 16px; --baseline: 16px;

168
css/style.css
View file

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--font: "Edgar", sans-serif; --font: "Akkurat Std", sans-serif;
--font-serif: "Edgar", sans-serif;
--font-title: "Allium Rounded", sans-serif; --font-title: "Allium Rounded", sans-serif;
--font-sans: "Allium Rounded", sans-serif; --font-sans: "Allium Rounded", sans-serif;
--font-size: 11px; --font-size: 11px;
--fs-small: 9.5px; --fs-small: 8.5px;
--fs-num: 14px; --fs-num: 14px;
--baseline: 16px; --baseline: 16px;
--indent: 26px; --indent: 26px;
@ -32,7 +33,7 @@ body {
@media print { @media print {
@page { @page {
size: 134mm 205mm; size: 176mm 240mm;
margin-top: 36px; margin-top: 36px;
margin-bottom: 20mm; margin-bottom: 20mm;
bleed: 6mm; bleed: 6mm;
@ -213,10 +214,13 @@ ol[type="1"] + p {
} }
blockquote { blockquote {
font-family: var(--font-serif);
padding-left: calc(var(--indent) * 1); padding-left: calc(var(--indent) * 1);
font-size: var(--fs-small); padding-right: calc(var(--indent) * 1);
margin-top: calc(var(--baseline) * 0.5); margin-top: calc(var(--baseline) * 0.5);
margin-bottom: calc(var(--baseline) * 0.5); margin-bottom: calc(var(--baseline) * 0.5);
font-size: 12px;
color: #343434;
} }
.these + ol + p, .these + ol + p,
@ -225,8 +229,11 @@ blockquote + ol + p {
} }
.these { .these {
font-family: var(--font-title);
margin-bottom: calc(var(--baseline) * 1); margin-bottom: calc(var(--baseline) * 1);
border-left: 4px solid #efefef;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding-left: calc(var(--indent) * 0.5);
} }
ol[type="1"] { ol[type="1"] {
@ -235,59 +242,26 @@ ol[type="1"] {
-moz-column-break-after: avoid; -moz-column-break-after: avoid;
break-after: avoid; break-after: avoid;
position: absolute; position: absolute;
left: calc(var(--indent) * -1.5 - 0.5ch); left: 0px;
display: flex;
gap: 0.25ch;
} }
ol[type="1"]::before { ol[type="1"]::after {
content: attr(start); content: attr(start);
font-size: 0.6rem; font-size: var(--fs-small);
color: #999; color: #999;
display: block; }
height: var(--baseline); ol[type="1"] li::before {
padding-right: 1ch; font-size: var(--fs-small);
border-right: 1px solid #efefef; content: "¶";
color: #d7d7d7;
position: relative;
top: -1px;
} }
/* #section__content {
ol[type="1"]{ margin-left: 28mm;
list-style-type: none;
position: relative;
break-after: avoid;
position: absolute;
left: calc(var(--indent)*-1.5 - 0.5ch);
&::before{
content: attr(start);
font-family: var(--font-title);
font-weight: 500;
font-size: 0.6rem;
color: #999;
display: block;
padding: 0px 2px;
// border: 1px solid #efefef;
min-width: 20px;
justify-content: center;
}
} }
.pagedjs_page_content::before{
--color: #efefef;
--size: 20px;
content: "";
display: block;
height: 100%;
width: var(--size);
position: absolute;
left: calc(var(--indent)*-1 - var(--size));
background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent;
background-size: 100% var(--baseline);
background-repeat: repeat-y;
}
*/
#section__content h1::before, #section__content h2::before, #section__content h3::before { #section__content h1::before, #section__content h2::before, #section__content h3::before {
content: attr(data-counter); content: attr(data-counter);
} }
@ -340,11 +314,11 @@ ol[type="1"]{
margin-top: calc(var(--baseline) * 1 + 6px); margin-top: calc(var(--baseline) * 1 + 6px);
padding-bottom: calc(var(--baseline) * 1); padding-bottom: calc(var(--baseline) * 1);
padding-right: 2ch; padding-right: 2ch;
padding-left: calc(var(--indent) * 2);
} }
#section__content h2::before { #section__content h2::before {
display: block; position: absolute;
font-size: var(--fs-num); left: 0;
padding-left: var(--indent);
} }
#section__content h3 { #section__content h3 {
font-family: var(--font-title); font-family: var(--font-title);
@ -355,18 +329,17 @@ ol[type="1"]{
position: relative; position: relative;
margin-top: calc(var(--baseline) * 1 + 4px); margin-top: calc(var(--baseline) * 1 + 4px);
padding-bottom: calc(var(--baseline) * 0.75); padding-bottom: calc(var(--baseline) * 0.75);
padding-left: calc(var(--indent) * 2);
} }
#section__content h3::before { #section__content h3::before {
display: block; position: absolute;
font-size: var(--fs-num); left: 0;
padding-left: var(--indent);
} }
#section__content h4 { #section__content h4 {
font-family: var(--font-title); font-family: var(--font-title);
font-weight: 500; font-weight: 500;
font-size: 0.9rem; font-size: 0.9rem;
line-height: calc(var(--baseline) * 1); line-height: calc(var(--baseline) * 1);
padding-left: calc(var(--indent) * 1);
padding-right: calc(var(--indent) * 2); padding-right: calc(var(--indent) * 2);
position: relative; position: relative;
margin-top: calc(var(--baseline) * 1 + 4px); margin-top: calc(var(--baseline) * 1 + 4px);
@ -374,13 +347,14 @@ ol[type="1"]{
-webkit-text-decoration: underline 1px #cfcfcf; -webkit-text-decoration: underline 1px #cfcfcf;
text-decoration: underline 1px #cfcfcf; text-decoration: underline 1px #cfcfcf;
text-underline-offset: 3px; text-underline-offset: 3px;
padding-left: calc(var(--indent) * 2);
} }
#section__content h5 { #section__content h5 {
font-family: var(--font-title); font-family: var(--font-title);
font-weight: 500; font-weight: 500;
font-size: 0.8rem; font-size: 0.8rem;
line-height: calc(var(--baseline) * 1); line-height: calc(var(--baseline) * 1);
padding-left: calc(var(--indent) * 1); padding-left: calc(var(--indent) * 2);
position: relative; position: relative;
margin-top: calc(var(--baseline) * 1 + 4px); margin-top: calc(var(--baseline) * 1 + 4px);
padding-bottom: calc(var(--baseline) * 0.25); padding-bottom: calc(var(--baseline) * 0.25);
@ -400,61 +374,67 @@ ol[type="1"]{
h1 { h1 {
font-family: var(--font-title); font-family: var(--font-title);
font-size: 1.4rem; font-size: 1.6rem;
font-weight: 500; font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
line-height: calc(var(--baseline) * 1.4); line-height: calc(var(--baseline) * 1.6);
text-align: center;
position: relative; position: relative;
margin-top: calc(var(--baseline) * 2 - 3px); margin-top: calc(var(--baseline) * 2 - 3px);
padding-bottom: calc(var(--baseline) * 1); padding-bottom: calc(var(--baseline) * 1);
padding-left: 1ch; padding-left: calc(var(--indent) * 2);
padding-right: 1ch; padding-right: 1ch;
} }
h1::before { h1::before {
display: block; position: absolute;
font-size: var(--fs-num); left: 0;
width: calc(var(--indent) * 2 - 0.5ch);
} }
section h1:first-of-type { section h1:first-of-type {
margin-top: 3px !important; margin-top: 3px !important;
} }
.footnote-ref { @page {
font-family: var(--font-title); @footnote {
line-height: 0; float: bottom;
font-size: var(--fs-small); footnote-policy: auto;
font-weight: 500; }
}
.pagedjs_footnote_content {
padding-top: calc(var(--baseline) * 1);
} }
#footnotes { .inline-note {
-moz-column-break-before: right; float: footnote;
break-before: right; footnote-policy: auto;
}
#footnotes .title-part {
font-family: var(--font-title);
font-size: 1.1rem;
font-weight: 500;
line-height: calc(var(--baseline) * 1.2);
margin-top: calc(var(--baseline) * 2);
padding-bottom: calc(var(--baseline) * 1);
padding-right: 2ch;
padding-left: 2ch;
text-align: center;
text-wrap: balance;
}
#footnotes .title-part::before {
content: attr(data-part-number) ". ";
}
#footnotes li {
font-size: var(--fs-small); font-size: var(--fs-small);
line-height: calc(var(--baseline) * 0.8);
padding-left: var(--indent);
position: relative;
font-weight: 600;
} }
#footnotes .footnote-back { .inline-note::marker {
display: none; display: none;
content: "";
} }
[data-id=footnotes][data-split-from] > :first-child { [data-counter-note]::before {
margin-top: 0; content: attr(data-counter-note) ".";
position: absolute;
left: 0px;
}
.inline-note::after {
font-family: var(--font);
font-size: var(--fs-small);
line-height: 0;
position: relative;
top: -3px;
font-variant-position: normal !important;
}
blockquote .inline-note {
font-variant-position: normal !important;
} }
#section__list-of-abbr { #section__list-of-abbr {

2
css/style.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["style.css","modules/_var.scss","modules/_init.scss","modules/_layout.scss","modules/_text.scss","modules/_titles.scss","modules/_footnotes.scss","modules/_list-of-abbr.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,2BAAA;EACA,0CAAA;EACA,yCAAA;EACA,iBAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;EAEA,cAAA;ADCJ;;AEVA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;AFaJ;;AEXA;EACI,mBAAA;AFcJ;;AEXA;EACI,mCAAA,EAAA,wBAAA;EACA,kCAAA,EAAA,kBAAA;EAEA,kCAAA,EAAA,6CAAA;EACA,+BAAA,EAAA,mDAAA;EAEA,wBAAA;EACA,2BAAA;EACA,4BAAA;AFYJ;;AG9BA;EACI;IACI,iBAAA;IAEA,gBAAA;IACA,mBAAA;IAEA,UAAA;IACA,WAAA;EH+BN;EG7BE;IACI,iBAAA;IACA,kBAAA;IACA;MACI,sBAAA;MACA,8BAAA;MACA,gBAAA;MACA,wBAAA;IH+BR;EACF;EGxBE;IACI,iBAAA;IACA,kBAAA;IACA;MACI,sBAAA;MACA,8BAAA;MACA,gBAAA;MACC,wBAAA;IH0BT;IGxBI;MACI,+BAAA;MACA,8BAAA;MACA,mBAAA;MAEA,0BAAA;MACA,iCAAA;MACA,oBAAA;MACA,WAAA;MACA,wBAAA;MACA,gBAAA;MACA,kBAAA;MACA,UAAA;MACA,iBAAA;IHyBR;EACF;EGtBE;IACI;MAAmB,aAAA;IHyBvB;IGxBI;MAAY,aAAA;IH2BhB;IG1BI;MAAc,aAAA;IH6BlB;IG5BI;MAAa,aAAA;IH+BjB;IG9BI;MAAoB,aAAA;IHiCxB;IGhCI;MAAY,aAAA;IHmChB;IGlCI;MAAe,aAAA;IHqCnB;IGpCI;MAAe,aAAA;IHuCnB;IGtCI;MAAa,aAAA;IHyCjB;IGxCI;MAAgB,aAAA;IH2CpB;IG1CI;MAAgB,aAAA;IH6CpB;IG5CI;MAAsB,aAAA;IH+C1B;IG9CI;MAAe,aAAA;IHiDnB;IGhDI;MAAiB,aAAA;IHmDrB;IGlDI;MAAgB,aAAA;IHqDpB;IGpDI;MAAuB,aAAA;IHuD3B;EACF;EGtDE;IACI;MAAmB,aAAA;IHyDvB;IGxDI;MAAY,aAAA;IH2DhB;IG1DI;MAAc,aAAA;IH6DlB;IG5DI;MAAa,aAAA;IH+DjB;IG9DI;MAAoB,aAAA;IHiExB;IGhEI;MAAY,aAAA;IHmEhB;IGlEI;MAAe,aAAA;IHqEnB;IGpEI;MAAe,aAAA;IHuEnB;IGtEI;MAAa,aAAA;IHyEjB;IGxEI;MAAgB,aAAA;IH2EpB;IG1EI;MAAgB,aAAA;IH6EpB;IG5EI;MAAsB,aAAA;IH+E1B;IG9EI;MAAe,aAAA;IHiFnB;IGhFI;MAAiB,aAAA;IHmFrB;IGlFI;MAAgB,aAAA;IHqFpB;IGpFI;MAAuB,aAAA;IHuF3B;EACF;AACF;AGpFA;EACI,+BAAA;OAAA,mBAAA;AHsFJ;;AIjLA;EACI,cAAA;AJoLJ;;AIjLA;EACI,YAAA;EACA,uBAAA;AJoLJ;;AIjLA;EACI,mBAAA;EACA,qBAAA;AJoLJ;;AIjLA;EACI,mBAAA;EACA,UAAA;EACA,SAAA;AJoLJ;;AIjLA;EACI,qBAAA;UAAA,aAAA;EACA,4BAAA;EACA,wBAAA;EACA,wBAAA;EACA,sBAAA;AJoLJ;;AI9KA;;EAEI,sCAAA;AJiLJ;;AI5KA;EAEI,qCAAA;EACA,0BAAA;EAEA,uCAAA;EACA,0CAAA;AJ6KJ;;AIxKA;;EAEI,gBAAA;AJ2KJ;;AItKA;EACI,8BAAA;EACA,wCAAA;AJyKJ;;AIrKA;EACI,qBAAA;EACA,kBAAA;EACA,8BAAA;OAAA,kBAAA;EAEA,kBAAA;EACA,wCAAA;AJuKJ;AIrKI;EACI,oBAAA;EAGA,iBAAA;EACA,WAAA;EAEA,cAAA;EACE,uBAAA;EAEF,kBAAA;EACA,+BAAA;AJmKR;;AIvJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;ACzFQ;EACI,2BAAA;AL4RZ;AKvRQ;EACI,gCAAA;ALyRZ;AKpRI;EACI,+BAAA;OAAA,mBAAA;EACA,8BAAA;OAAA,kBAAA;EACA,kBAAA;EAEA,kCAAA;EACA,yCAAA;ALqRR;AKpRQ;EACI,WAAA;EACA,cAAA;EACA,iCAAA;ALsRZ;AKlRK;EACG,+BAAA;OAAA,mBAAA;EACA,8BAAA;OAAA,kBAAA;EACA,kBAAA;EAEA,kCAAA;EACA,yCAAA;ALmRR;AKlRQ;EACI,WAAA;EACA,cAAA;EACA,iCAAA;ALoRZ;AK9QI;;;;;;EAMI,cAAA;ALgRR;AKvQI;EACI,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;EACA,wCAAA;EACA,kBAAA;EACA,2CAAA;EACA,yCAAA;EACA,kBAAA;ALyQR;AKxQQ;EACG,cAAA;EACC,wBAAA;EACA,2BAAA;AL0QZ;AKpQI;EACI,8BAAA;EACA,gBAAA;EACA,eAAA;EACA,sCAAA;EAGA,sCAAA;EACA,kBAAA;EACA,2CAAA;EACA,4CAAA;ALoQR;AKnQQ;EACI,cAAA;EACA,wBAAA;EACA,2BAAA;ALqQZ;AK/PI;EACI,8BAAA;EACA,gBAAA;EACA,iBAAA;EACA,sCAAA;EACA,qCAAA;EACA,sCAAA;EACA,kBAAA;EACA,2CAAA;EACA,4CAAA;EACA,8CAAA;UAAA,sCAAA;EACA,0BAAA;ALiQR;AK7PK;EACG,8BAAA;EACA,gBAAA;EACA,iBAAA;EACA,sCAAA;EACA,qCAAA;EAEA,kBAAA;EACA,2CAAA;EACA,4CAAA;AL8PR;AK3PI;EACO,8BAAA;EACH,gBAAA;EACK,iBAAA;EACJ,uCAAA;EACA,4CAAA;EACA,WAAA;AL6PT;;AKrPA;EACQ,aAAA;ALwPR;;AKrPG;EACK,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;EACA,wCAAA;EACA,kBAAA;EACA,kBAAA;EACA,2CAAA;EACA,yCAAA;EACA,iBAAA;EACA,kBAAA;ALwPR;AKvPQ;EACI,cAAA;EACC,wBAAA;ALyPb;;AKrPI;EACI,0BAAA;ALwPR;;AMnXA;EACE,8BAAA;EACA,cAAA;EACA,0BAAA;EACA,gBAAA;ANsXF;;AMlXA;EACE,+BAAA;OAAA,mBAAA;ANqXF;AMnXG;EACK,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,wCAAA;EACA,qCAAA;EACA,yCAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;ANqXR;AMpXQ;EACG,oCAAA;ANsXX;AMlXI;EACE,0BAAA;ANoXN;AM5WI;EACE,aAAA;AN8WN;;AMvWA;EACE,aAAA;AN0WF;;AOhcA;EACI,aAAA;EACA,UAAA;APmcJ","file":"style.css"} {"version":3,"sources":["style.css","modules/_var.scss","modules/_init.scss","modules/_layout.scss","modules/_text.scss","modules/_titles.scss","modules/_footnotes.scss","modules/_list-of-abbr.scss"],"names":[],"mappings":"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","file":"style.css"}

1
css/style.scss
View file

@ -3,7 +3,6 @@
@import 'modules/init'; @import 'modules/init';
@import 'modules/layout'; @import 'modules/layout';
@import 'modules/text'; @import 'modules/text';
@import 'modules/titles-counters';
@import 'modules/titles'; @import 'modules/titles';
@import 'modules/footnotes'; @import 'modules/footnotes';
@import 'modules/list-of-abbr'; @import 'modules/list-of-abbr';

5
csspageweaver/manifest.json
View file

@ -1,5 +1,5 @@
{ {
"plugins": ["baseline","grid","marginBox","imposition","spread","previewPage","reloadInPlace","fullPage"], "plugins": ["baseline","grid","marginBox","imposition","spread","previewPage","reloadInPlace","inlineNotes"],
"pluginsParameters":{}, "pluginsParameters":{},
"css": [ "css": [
"css/style.css" "css/style.css"
@ -11,8 +11,7 @@
} }
}, },
"hook": [ "hook": [
"/js/counters.js", "/js/counters.js"
"/js/sectionedFootnotes.js"
] ]
} }

8
index.html
View file

@ -9,9 +9,11 @@
<link rel="stylesheet" href="/fonts/Edgar/stylesheet.css"> <link rel="stylesheet" href="/fonts/Edgar/stylesheet.css">
<link rel="stylesheet" href="/fonts/Heliotrope/stylesheet.css"> <link rel="stylesheet" href="/fonts/Heliotrope/stylesheet.css">
<link rel="stylesheet" href="/fonts/HeliotropeCaps/stylesheet.css"> <link rel="stylesheet" href="/fonts/HeliotropeCaps/stylesheet.css">
<link rel="stylesheet" href="/fonts/Prensa/stylesheet.css"> <link rel="stylesheet" href="/fonts/Prensa/stylesheet.css">
<link rel="stylesheet" href="/fonts/AlliumRounded/stylesheet.css"> <link rel="stylesheet" href="/fonts/AlliumRounded/stylesheet.css">
<link rel="stylesheet" href="/fonts/Akkurat/stylesheet.css">
</head> </head>
<body> <body>