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

color entretiens

Browse source
This commit is contained in:
Julie Blanc 2026-03-17 15:20:44 +01:00
parent fe9a3228a8
commit 828d97f3f9
5 changed files with 495 additions and 374 deletions
Download patch file Download diff file Expand all files Collapse all files

2
maquette-tests/assets/css/01_var.css
View file

@ -77,4 +77,4 @@
}
}

7
maquette-tests/assets/css/03_layout.css
View file

@ -223,11 +223,16 @@
}
.pagedjs_left_page .pagedjs_margin-top {
width: calc(100% + var(--pagedjs-margin-right));
width: calc(100% + var(--pagedjs-margin-right) - 2ch);
overflow: hidden;
}
.pagedjs_right_page .pagedjs_margin-top{
width: calc(100% + var(--pagedjs-margin-left) - 4ch);
overflow: hidden;
}
/* DELETE BEFORE PRINT */
/* .pagedjs_margin-top-right-corner-holder{
background-color: white;

26
maquette-tests/assets/css/chapter-header.css
View file

@ -1,28 +1,6 @@
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
.chapter-header {
@ -91,7 +69,7 @@
padding-left: 0.25ch;
padding-right: 0.25ch;
box-decoration-break: clone;
background-color: var(--blue);
background-color: var(--sign-color);
padding: 1px 0.25ch;
text-transform: uppercase;
}
@ -99,7 +77,7 @@
.chapter-header .author span {
font-family: 'Teletext';
color: var(--blue);
color: var(--sign-color);
margin-top: calc(var(--baseline)*1.5);
text-transform: uppercase;
background-color: white;

136
maquette-tests/assets/css/running-page.css
View file

@ -46,3 +46,139 @@
/* left: calc(var( --w-container)*-1 + var(--pagedjs-margin-left)*-1 + 2px); */
left: calc(var( --w-container)*-1 + 10px);
}
[data-chapter="entretiens"]{
color: red;
}
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
[data-chapter="essai"]{
--sign-color: var(--blue);
page: essai;
}
@page essai{
--sign-color: var(--blue);
}
[data-chapter="entretien"]{
--sign-color: var(--red);
page: entretien;
}
@page entretien{
--sign-color: var(--red);
}
[data-chapter="portfolio"]{
--sign-color: var(--green);
page: portfolio;
}
@page portfolio{
--sign-color: var(--green);
}
@page essai:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
@page entretien:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
@page portfolio:first {
@top-left-corner {
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol);
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
/* TEMP */
@page entretien{
--sign-color: var(--red);
}