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

clone numParagraph (page + column)

Browse source
This commit is contained in:
Julie Blanc 2026-04-10 11:24:39 +02:00
parent bdb35a7ea6
commit 3b91983491
9 changed files with 147 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

1
css/modules/_layout.scss
View file

@ -5,6 +5,7 @@ $bottom: 18mm;
$inside: 12mm;
$outside: 6mm;
$content-h: calc($height - $top - $bottom - 1mm);
$content-w: calc($width - $inside - $outside);
$gap: 4mm;
$indent: 10mm;

41
css/modules/_num-paragraph.scss Normal file
View file

@ -0,0 +1,41 @@
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
width: $indent;
// background-color: #efefef;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
// outline: 1px solid red;
&::after{
content: attr(start);
display: block;
position: absolute;
font-size: var(--fs-small);
opacity: 0.5;
}
}
ol[type="1"].ol-clone{
break-before: column;
// outline: 1px solid green;
break-after: avoid;
top: 0;
left: calc($content-w/2 + $gap/2)
}
ol[type="1"].ol-clone-page{
// outline: 1px solid yellow;
}

43
css/modules/_text.scss
View file

@ -22,8 +22,8 @@ p{
text-align: justify;
orphans: 2;
widows: 2;
margin-left: $indent*0.8;
padding-left: $indent*0.2;
margin-left: $indent;
// padding-left: $indent*0.2;
}
p, li{
@ -45,11 +45,6 @@ p, li{
blockquote{
font-family: var(--font-quote);
p{
border-left: 1px solid #cfcfcf;
}
}
// blockquote u{
@ -72,7 +67,7 @@ ul{
.p-these{
font-weight: 500;
margin-bottom: calc(var(--baseline)*1);
margin-bottom: calc(var(--baseline)*0.5);
strong{
text-transform: uppercase;
display: inline-block;
@ -88,35 +83,3 @@ ul{
margin-bottom: calc(var(--baseline)*1);
}
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
width: $indent;
background-color: #efefef;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
outline: 1px solid red;
&::after{
content: attr(start);
display: block;
position: absolute;
font-size: var(--fs-small);
opacity: 0.5;
// color: #d7d7 d7;
// position: relative;
// top: -1px;
}
}