add triplecate
This commit is contained in:
Julie Blanc
parent
cc75afe344
commit
0d3afdc58d
34 changed files with 357 additions and 295 deletions
|
|
@ -4,6 +4,7 @@
|
|||
--font: 'Wagram Slab', serif;
|
||||
--font: 'Bilzig', serif;
|
||||
--font: 'Routed Gothic', sans-serif;
|
||||
--font: "Triplicate T4";
|
||||
|
||||
|
||||
/* --font: 'HAL Timezone', serif; */
|
||||
|
|
@ -18,6 +19,7 @@
|
|||
--font-notes: 'Selectric Mono', monospace;
|
||||
--font-notes: 'Baskemo Sans', monospace;
|
||||
|
||||
--font-ocr: "OCR X";
|
||||
|
||||
|
||||
--font-sans: 'Routed Gothic', serif;
|
||||
|
|
@ -27,14 +29,14 @@
|
|||
/* --font-subtitle: 'Baskemo Sans', monospace; */
|
||||
|
||||
--font-nav: 'Routed Gothic', sans-serif;
|
||||
|
||||
--font-nav: "OCR X";
|
||||
|
||||
--title: 'HNoailles Times Triplex', sans-serif;
|
||||
|
||||
--red: #9B0000;
|
||||
--green:#009B00;
|
||||
--green-light:#009b0025;
|
||||
--blue: #00009B;
|
||||
--rouge: #9B0000;
|
||||
--vert:#009B00;
|
||||
--vert-light:#009b0025;
|
||||
--bleu: #00009B;
|
||||
|
||||
--grey: #e4e4e4;
|
||||
--border-grey: 2px solid var(--grey);
|
||||
|
|
@ -42,15 +44,16 @@
|
|||
|
||||
--indent: 7mm;
|
||||
|
||||
--font-size: 14px;
|
||||
--baseline: 18px;
|
||||
--font-size: 12.5px;
|
||||
--baseline: 16px;
|
||||
|
||||
--fs-nav: 11px;
|
||||
--fs-subtitle: 11px;
|
||||
--fs-notes: 11px;
|
||||
--fs-notes: 10px;
|
||||
|
||||
--unit: 20px;
|
||||
--gap: 8px;
|
||||
|
||||
--border: 4mm;
|
||||
|
||||
}
|
||||
|
|
@ -4,8 +4,8 @@
|
|||
size: 165mm 240mm;
|
||||
margin-top: 25mm;
|
||||
margin-bottom: 14mm;
|
||||
bleed: 6mm;
|
||||
marks: crop;
|
||||
/* bleed: 6mm;
|
||||
marks: crop; */
|
||||
|
||||
margin-left: 33mm;
|
||||
margin-right: 11mm;
|
||||
|
|
@ -20,6 +20,9 @@
|
|||
width: 0px;
|
||||
vertical-align: top;
|
||||
padding-top: 8mm;
|
||||
color: var(--rouge);
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -30,6 +33,9 @@
|
|||
width: 100%;
|
||||
padding-top: 8mm;
|
||||
text-align: right;
|
||||
color: var(--rouge);
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -40,6 +46,10 @@
|
|||
padding-top: 8mm;
|
||||
text-align: left;
|
||||
margin-left: 11mm;
|
||||
color: var(--rouge);
|
||||
font-size: 14px;
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -56,6 +66,9 @@
|
|||
width: 0px;
|
||||
vertical-align: top;
|
||||
padding-top: 8mm;
|
||||
color: var(--bleu);
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
}
|
||||
|
||||
@top-right {
|
||||
|
|
@ -67,6 +80,9 @@
|
|||
position: relative;
|
||||
left: -11mm;
|
||||
width: 100%;
|
||||
color: var(--bleu);
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
}
|
||||
|
||||
@top-right-corner {
|
||||
|
|
@ -77,6 +93,10 @@
|
|||
text-align: right;
|
||||
vertical-align: top;
|
||||
padding-top: 8mm;
|
||||
color: var(--bleu);
|
||||
font-size: 14px;
|
||||
font-family: var(--font-nav);
|
||||
font-weight: 120;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -134,4 +154,54 @@
|
|||
|
||||
.nav-decor {
|
||||
position: running(decor);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* borders */
|
||||
.pagedjs_margin-top-left-corner-holder:before{
|
||||
content: " ";
|
||||
background: var(--vert);
|
||||
width: 100%;
|
||||
height: var(--border);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pagedjs_margin-left:before{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top:0;
|
||||
background: var(--bleu);
|
||||
width: var(--border);
|
||||
height: var(--pagedjs-height);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.pagedjs_right_page .pagedjs_margin-left:before{
|
||||
content: none;
|
||||
}
|
||||
|
||||
.pagedjs_margin-right:after{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top:0;
|
||||
right: 0;
|
||||
background: var(--bleu);
|
||||
width: var(--border);
|
||||
height: var(--pagedjs-height);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_margin-right:after{
|
||||
content: none;
|
||||
}
|
||||
|
||||
.pagedjs_margin-bottom:after{
|
||||
content: " ";
|
||||
background: var(--rouge);
|
||||
width: 100%;
|
||||
height: var(--border);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
|
@ -33,10 +33,10 @@
|
|||
}
|
||||
|
||||
.chapter-header h2 {
|
||||
font-family: 'Routed Gothic Wide';
|
||||
font-weight: 160;
|
||||
font-family: var(--font-ocr);
|
||||
line-height: 1.1;
|
||||
font-size: 36px;
|
||||
font-weight: normal;
|
||||
|
||||
|
||||
|
||||
|
|
@ -44,9 +44,11 @@
|
|||
|
||||
|
||||
.chapter-header .author {
|
||||
font-family: 'Routed Gothic Wide';
|
||||
font-size: 36px;
|
||||
margin-top: calc(var(--baseline)*6);
|
||||
font-weight: 100;
|
||||
font-family: var(--font-ocr);
|
||||
line-height: 1.1;
|
||||
font-size: 30px;
|
||||
margin-top: calc(var(--baseline)*1);
|
||||
margin-bottom: calc(var(--baseline)*2);
|
||||
|
||||
/* background-color: black;
|
||||
|
|
|
|||
|
|
@ -1,17 +1,30 @@
|
|||
.following-note {
|
||||
.float-note {
|
||||
/* font-family: var(--font-notes); */
|
||||
font-size: var(--fs-notes);
|
||||
line-height: 14px;
|
||||
line-height: 12px;
|
||||
font-weight: 500;
|
||||
|
||||
display: block;
|
||||
margin-top: calc(var(--baseline)*0.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
|
||||
float: left;
|
||||
width: 60mm;
|
||||
padding-right: 2ch;
|
||||
position: relative;
|
||||
left: -20mm;
|
||||
margin-right: -20mm;
|
||||
|
||||
color: var(--vert);
|
||||
text-align: right;
|
||||
clear: both;
|
||||
|
||||
break-inside: avoid;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.container-following-note {
|
||||
.container-float-note {
|
||||
margin-left: 30%;
|
||||
}
|
||||
|
||||
|
|
@ -21,8 +34,8 @@
|
|||
}
|
||||
|
||||
|
||||
.following-note_call,
|
||||
.following-note_marker {
|
||||
.float-note_call,
|
||||
.float-note_marker {
|
||||
|
||||
&::before {
|
||||
content: "{"
|
||||
|
|
@ -37,14 +50,19 @@
|
|||
font-size: var(--fs-notes);
|
||||
}
|
||||
|
||||
.following-note_call {
|
||||
.float-note_call {
|
||||
padding-left: 0.25ch;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
|
||||
.following-note_marker {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.float-note_marker {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: space-between;
|
||||
/* text-align: right; */
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,12 +6,13 @@
|
|||
orphans: 2;
|
||||
hyphens: 2;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.container-following-note + p,
|
||||
.container-float-note + p,
|
||||
p + p{
|
||||
text-indent: 30%;
|
||||
text-indent: 3ch;
|
||||
position: relative;
|
||||
/* text-indent: -6ch; */
|
||||
|
||||
|
|
@ -59,7 +60,10 @@ h3, h4{
|
|||
/* padding-left: 1.5ch; */
|
||||
margin-top: calc(var(--baseline)*1.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
padding-left: 30%;
|
||||
/* padding-left: 30%; */
|
||||
|
||||
max-width: 26ch;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3::before,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue