Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

toc

Browse source
This commit is contained in:
Julie Blanc 2026-04-12 23:47:04 +02:00
parent 6a45e2bf36
commit 2cf88dffde
11 changed files with 177 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

143
assets/css/toc.css Normal file
View file

@ -0,0 +1,143 @@
/* ------- TABLE OF CONTENTS --------- */
.toc{
break-before: right;
font-family: var(--fontTitle);
text-align: left;
font-size: var(--font-size);
page: toc;
}
@page toc{
margin-top: 10mm;
margin-bottom: 10mm;
@top-left { content: none;}
@top-left-corner { content: none;}
@top-right { content: none; }
@top-center { content: none;}
@bottom-center { content: none; }
@bottom-right-corner { content: none; }
}
.toc h2{
font-size: var(--fs-title);
font-family: var(--fontTitle);
/* margin-left: calc(var(--unit)*1); */
text-align: center;
/* margin-bottom: calc(var(--baseline)*2); */
}
.toc h2::after{
content: "/ / / /";
display: block;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
max-width: 1ch;
margin-top: 0.5rem;
/* margin-bottom: 0.5rem; */
margin-inline: auto;
}
#list-toc-generated a{
display: block;
text-decoration: none;
margin-left: calc(var(--unit)*1);
width: calc(100% - var(--unit));
position: relative;
}
#list-toc-generated .toc-element a::before{
content: target-counter(attr(href), page);
position: absolute;
left: calc(var(--unit)*-1);
top: calc(var(--baseline)*1.5 + 1px);
text-align: left;
}
#list-toc-generated li .toc-title,
#list-toc-generated li .toc-author,
#list-toc-generated li .toc-type{
display: block;
}
#list-toc-generated li{
break-inside: avoid;
margin-bottom: calc(var(--baseline)*1);
}
#list-toc-generated li .toc-type{
margin-bottom: calc(var(--baseline)*0.5);
position: relative;
}
#list-toc-generated li .toc-title{
display: block;
text-transform: uppercase;
margin-bottom: calc(var(--baseline)*0.25);
}
.toc-type-symbole_before,
.toc-type-symbole_after{
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
}
.toc-type-symbole_before{
padding-left: 4px;
padding-right: 4px;
}
.toc-type .text{
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 0.9em;
}
.toc-type{
white-space: nowrap;
margin-left: calc(var(--unit)*-1);
}
.toc-type::before{
content: "////";
font-size: var(--sign-size);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
}
[data-toc-chapter="entretien"]::after,
[data-toc-chapter="portfolio"]::after{
content: " /////////////////";
left: -6px;
}
[data-toc-chapter="essai"]::after{
content: " ///////////////////";
left: -6px;
}
.toc-type::after{
font-size: var(--sign-size);
letter-spacing: var(--sign-spacing);
font-family: var(--sign-family);
line-height: calc(var(--sign-baseline) * 1);
position: relative;
}