144 lines
2.8 KiB
CSS
144 lines
2.8 KiB
CSS
|
|
||
|
|
/* ------- 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;
|
||
|
|
}
|
||
|
|
|