change font-sans for blockquote + add counters.js
This commit is contained in:
parent
abbd549428
commit
32e02d956a
15 changed files with 161 additions and 192 deletions
|
|
@ -15,7 +15,7 @@
|
|||
line-height: calc(var(--baseline)*0.9);
|
||||
padding-left: var(--indent);
|
||||
position: relative;
|
||||
font-weight: 100;
|
||||
// font-weight: 100;
|
||||
|
||||
&::marker{
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -37,9 +37,9 @@ ol[type="1"]{
|
|||
left: calc(var(--indent)*-3);
|
||||
&::before{
|
||||
content: attr(start);
|
||||
font-family: var(--font-sans);
|
||||
font-family: var(--font-sans-txt);
|
||||
// font-weight: 200;
|
||||
font-size: 0.6rem;
|
||||
font-size: 9px;
|
||||
color: #999;
|
||||
display: block;
|
||||
padding: 0px 2px;
|
||||
|
|
@ -72,37 +72,43 @@ blockquote{
|
|||
padding-left: var(--indent);
|
||||
margin-top: calc(var(--baseline)*1);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
|
||||
font-family: var(--font-sans-txt);
|
||||
font-size: 10px;
|
||||
line-height: calc(var(--baseline)*0.9);
|
||||
|
||||
.inline-note::after{
|
||||
font-family: var(--font);
|
||||
line-height: 0;
|
||||
font-size: var(--font-size)!important;
|
||||
}
|
||||
|
||||
p{
|
||||
font-style: italic;
|
||||
em{
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
// p{
|
||||
// font-style: italic;
|
||||
// em{
|
||||
// font-style: normal;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
u{
|
||||
font-variant: small-caps;
|
||||
text-decoration: none;
|
||||
}
|
||||
// u{
|
||||
// font-variant: small-caps;
|
||||
// text-decoration: none;
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
blockquote + ol + p{ text-indent: 0px; }
|
||||
.these + ol + p,
|
||||
blockquote + ol + p{
|
||||
text-indent: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.these{
|
||||
&::before{
|
||||
content: "---"
|
||||
}
|
||||
&::after{
|
||||
content: "---";
|
||||
}
|
||||
&::before, &::after{
|
||||
display: flex;
|
||||
// width: 3ch;
|
||||
justify-content: center;
|
||||
}
|
||||
// color: red;
|
||||
|
||||
margin-bottom: var(--baseline);
|
||||
padding-left: var(--indent);
|
||||
border-left: 4px solid #efefef;
|
||||
|
||||
}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
#section__content{
|
||||
|
||||
counter-reset: h1;
|
||||
|
||||
h1{
|
||||
counter-increment: h1 1;
|
||||
counter-reset: h2;
|
||||
}
|
||||
|
||||
h1::before{
|
||||
content: counter(h1, upper-alpha);
|
||||
|
||||
}
|
||||
|
||||
h2{
|
||||
counter-increment: h2 1;
|
||||
counter-reset: h3;
|
||||
}
|
||||
|
||||
h2::before{
|
||||
content: counter(h2, upper-roman);
|
||||
}
|
||||
|
||||
h3{
|
||||
counter-increment: h3 1;
|
||||
counter-reset: h4;
|
||||
}
|
||||
|
||||
h3::before{
|
||||
content: counter(h3);
|
||||
}
|
||||
|
||||
h4{
|
||||
counter-increment: h4 1;
|
||||
counter-reset: h5;
|
||||
}
|
||||
|
||||
h4::before{
|
||||
content: counter(h4, lower-alpha) ". ";
|
||||
}
|
||||
|
||||
h5{
|
||||
counter-increment: h5 1;
|
||||
counter-reset: h6;
|
||||
}
|
||||
|
||||
h5::before{
|
||||
content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
|
||||
}
|
||||
}
|
||||
|
|
@ -2,6 +2,18 @@
|
|||
#section__content{
|
||||
|
||||
|
||||
h1, h2, h3 {
|
||||
&::before{
|
||||
content: attr(data-counter);
|
||||
}
|
||||
}
|
||||
|
||||
h4, h5, h6{
|
||||
&::before{
|
||||
content: attr(data-counter) ". ";
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
break-inside: avoid;
|
||||
break-after: avoid;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
--font: 'Edgar', sans-serif;
|
||||
--font-title: "Heliotrope 3 Caps", sans-serif;
|
||||
--font-sans: "Heliotrope 4", sans-serif;
|
||||
--font-sans-txt: 'Akkurat Std';
|
||||
--font-size: 12px;
|
||||
--baseline: 16px;
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
--font: "Edgar", sans-serif;
|
||||
--font-title: "Heliotrope 3 Caps", sans-serif;
|
||||
--font-sans: "Heliotrope 4", sans-serif;
|
||||
--font-sans-txt: "Akkurat Std";
|
||||
--font-size: 12px;
|
||||
--baseline: 16px;
|
||||
--indent: 26px;
|
||||
|
|
@ -202,8 +203,8 @@ ol[type="1"] {
|
|||
}
|
||||
ol[type="1"]::before {
|
||||
content: attr(start);
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.6rem;
|
||||
font-family: var(--font-sans-txt);
|
||||
font-size: 9px;
|
||||
color: #999;
|
||||
display: block;
|
||||
padding: 0px 2px;
|
||||
|
|
@ -227,72 +228,33 @@ blockquote {
|
|||
padding-left: var(--indent);
|
||||
margin-top: calc(var(--baseline) * 1);
|
||||
margin-bottom: calc(var(--baseline) * 1);
|
||||
font-family: var(--font-sans-txt);
|
||||
font-size: 10px;
|
||||
line-height: calc(var(--baseline) * 0.9);
|
||||
}
|
||||
blockquote p {
|
||||
font-style: italic;
|
||||
}
|
||||
blockquote p em {
|
||||
font-style: normal;
|
||||
}
|
||||
blockquote u {
|
||||
font-variant: small-caps;
|
||||
text-decoration: none;
|
||||
blockquote .inline-note::after {
|
||||
font-family: var(--font);
|
||||
line-height: 0;
|
||||
font-size: var(--font-size) !important;
|
||||
}
|
||||
|
||||
.these + ol + p,
|
||||
blockquote + ol + p {
|
||||
text-indent: 0px;
|
||||
}
|
||||
|
||||
.these::before {
|
||||
content: "---";
|
||||
}
|
||||
.these::after {
|
||||
content: "---";
|
||||
}
|
||||
.these::before, .these::after {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.these {
|
||||
margin-bottom: var(--baseline);
|
||||
padding-left: var(--indent);
|
||||
border-left: 4px solid #efefef;
|
||||
}
|
||||
|
||||
#section__content {
|
||||
counter-reset: h1;
|
||||
#section__content h1::before, #section__content h2::before, #section__content h3::before {
|
||||
content: attr(data-counter);
|
||||
}
|
||||
#section__content h1 {
|
||||
counter-increment: h1 1;
|
||||
counter-reset: h2;
|
||||
#section__content h4::before, #section__content h5::before, #section__content h6::before {
|
||||
content: attr(data-counter) ". ";
|
||||
}
|
||||
#section__content h1::before {
|
||||
content: counter(h1, upper-alpha);
|
||||
}
|
||||
#section__content h2 {
|
||||
counter-increment: h2 1;
|
||||
counter-reset: h3;
|
||||
}
|
||||
#section__content h2::before {
|
||||
content: counter(h2, upper-roman);
|
||||
}
|
||||
#section__content h3 {
|
||||
counter-increment: h3 1;
|
||||
counter-reset: h4;
|
||||
}
|
||||
#section__content h3::before {
|
||||
content: counter(h3);
|
||||
}
|
||||
#section__content h4 {
|
||||
counter-increment: h4 1;
|
||||
counter-reset: h5;
|
||||
}
|
||||
#section__content h4::before {
|
||||
content: counter(h4, lower-alpha) ". ";
|
||||
}
|
||||
#section__content h5 {
|
||||
counter-increment: h5 1;
|
||||
counter-reset: h6;
|
||||
}
|
||||
#section__content h5::before {
|
||||
content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
|
||||
}
|
||||
|
||||
#section__content h1, #section__content h2, #section__content h3 {
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
|
|
@ -404,7 +366,6 @@ blockquote + ol + p {
|
|||
line-height: calc(var(--baseline) * 0.9);
|
||||
padding-left: var(--indent);
|
||||
position: relative;
|
||||
font-weight: 100;
|
||||
}
|
||||
.inline-note::marker {
|
||||
display: none;
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sources":["style.css","modules/_var.scss","modules/_init.scss","modules/_layout.scss","modules/_text.scss","modules/_titles-counters.scss","modules/_titles.scss","modules/_footnotes.scss","modules/_list-of-abbr.scss"],"names":[],"mappings":"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","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"}
|
||||
|
|
@ -3,7 +3,6 @@
|
|||
@import 'modules/init';
|
||||
@import 'modules/layout';
|
||||
@import 'modules/text';
|
||||
@import 'modules/titles-counters';
|
||||
@import 'modules/titles';
|
||||
@import 'modules/footnotes';
|
||||
@import 'modules/list-of-abbr';
|
||||
|
|
@ -11,8 +11,7 @@
|
|||
}
|
||||
},
|
||||
"hook": [
|
||||
"/js/custom-handler-example-1.js",
|
||||
"/js/custom-handler-example-2.js"
|
||||
"/js/counters.js"
|
||||
]
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
<link rel="stylesheet" href="/fonts/Edgar/stylesheet.css">
|
||||
<link rel="stylesheet" href="/fonts/Heliotrope/stylesheet.css">
|
||||
<link rel="stylesheet" href="/fonts/HeliotropeCaps/stylesheet.css">
|
||||
<link rel="stylesheet" href="/fonts/Akkurat/stylesheet.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
|
|||
94
js/counters.js
Normal file
94
js/counters.js
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
import { Handler } from '/csspageweaver/lib/paged.esm.js';
|
||||
|
||||
export default class counters extends Handler {
|
||||
constructor(chunker, polisher, caller) {
|
||||
super(chunker, polisher, caller);
|
||||
}
|
||||
|
||||
// Convertir en upper-alpha (A, B, C...)
|
||||
toUpperAlpha(num) {
|
||||
return String.fromCharCode(64 + num);
|
||||
}
|
||||
|
||||
// Convertir en lower-alpha (a, b, c...)
|
||||
toLowerAlpha(num) {
|
||||
return String.fromCharCode(96 + num);
|
||||
}
|
||||
|
||||
// Convertir en upper-roman (I, II, III...)
|
||||
toUpperRoman(num) {
|
||||
const romanNumerals = [
|
||||
['M', 1000], ['CM', 900], ['D', 500], ['CD', 400],
|
||||
['C', 100], ['XC', 90], ['L', 50], ['XL', 40],
|
||||
['X', 10], ['IX', 9], ['V', 5], ['IV', 4], ['I', 1]
|
||||
];
|
||||
let result = '';
|
||||
for (const [letter, value] of romanNumerals) {
|
||||
while (num >= value) {
|
||||
result += letter;
|
||||
num -= value;
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
beforeParsed(content) {
|
||||
const sectionContent = content.querySelector('#section__content');
|
||||
if (!sectionContent) return;
|
||||
|
||||
// Compteurs
|
||||
let h1Count = 0;
|
||||
let h2Count = 0;
|
||||
let h3Count = 0;
|
||||
let h4Count = 0;
|
||||
let h5Count = 0;
|
||||
let h6Count = 0;
|
||||
|
||||
// Parcourir tous les éléments dans l'ordre du document
|
||||
const allElements = sectionContent.querySelectorAll('h1, h2, h3, h4, h5, h6');
|
||||
|
||||
allElements.forEach(el => {
|
||||
const tagName = el.tagName.toLowerCase();
|
||||
|
||||
switch (tagName) {
|
||||
case 'h1':
|
||||
h1Count++;
|
||||
h2Count = 0; // reset h2
|
||||
el.setAttribute('data-counter', this.toUpperAlpha(h1Count));
|
||||
break;
|
||||
|
||||
case 'h2':
|
||||
h2Count++;
|
||||
h3Count = 0; // reset h3
|
||||
el.setAttribute('data-counter', this.toUpperRoman(h2Count));
|
||||
break;
|
||||
|
||||
case 'h3':
|
||||
h3Count++;
|
||||
h4Count = 0; // reset h4
|
||||
el.setAttribute('data-counter', h3Count.toString());
|
||||
break;
|
||||
|
||||
case 'h4':
|
||||
h4Count++;
|
||||
h5Count = 0; // reset h5
|
||||
el.setAttribute('data-counter', this.toLowerAlpha(h4Count));
|
||||
break;
|
||||
|
||||
case 'h5':
|
||||
h5Count++;
|
||||
h6Count = 0; // reset h6
|
||||
const letter = this.toLowerAlpha(h5Count);
|
||||
el.setAttribute('data-counter', letter + letter);
|
||||
break;
|
||||
|
||||
case 'h6':
|
||||
h6Count++;
|
||||
el.setAttribute('data-counter', '(' + h6Count + ')');
|
||||
break;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import { Handler } from '/csspageweaver/lib/paged.esm.js';
|
||||
|
||||
export default class myCustomHandler1 extends Handler {
|
||||
constructor(chunker, polisher, caller) {
|
||||
super(chunker, polisher, caller);
|
||||
}
|
||||
|
||||
beforeParsed(content){
|
||||
// let h2 = content.querySelectorAll('h2');
|
||||
// h2.forEach( h2 => {
|
||||
// h2.insertAdjacentHTML("afterbegin", '🍄');
|
||||
// });
|
||||
}
|
||||
|
||||
afterParsed(parsed) {
|
||||
console.info("%c [CSS Page Weaver] Example custom handler 1 with afterParsed hook (see js/custom-handler-example-1.js", 'color: green;');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
import { Handler } from '/csspageweaver/lib/paged.esm.js';
|
||||
|
||||
|
||||
export default class myCustomHandler2 extends Handler {
|
||||
constructor(chunker, polisher, caller) {
|
||||
super(chunker, polisher, caller);
|
||||
}
|
||||
|
||||
|
||||
afterPageLayout(pageElement, page, breakToken) {
|
||||
if(pageElement.id == "page-1"){
|
||||
console.info("%c [CSS Page Weaver] Example custom handler 2 with afterPageLayout hook (see js/custom-handler-example-2.js", 'color: green;')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
function Span(el)
|
||||
local cs = el.attributes['custom-style']
|
||||
if cs then
|
||||
local class = cs
|
||||
:lower()
|
||||
:gsub("%s+", "-")
|
||||
:gsub("[^a-z0-9%-]", "")
|
||||
el.classes:insert("style-" .. class)
|
||||
end
|
||||
return el
|
||||
end
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
function Para(el)
|
||||
if el.style then
|
||||
io.stderr:write("STYLE: " .. el.style .. "\n")
|
||||
end
|
||||
return el
|
||||
end
|
||||
Loading…
Add table
Add a link
Reference in a new issue