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

layout terminal

Browse source
This commit is contained in:
Julie Blanc 2026-03-04 08:33:34 +01:00
parent aed4b9eb92
commit 68a0dcb88b
80 changed files with 2234 additions and 349 deletions
Download patch file Download diff file Expand all files Collapse all files

87
maquette-tests/assets/css/modules/_chapter-header.scss
View file

@ -1,8 +1,11 @@
.chapter-header{
// break-after: page;
position: relative;
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*3);
--color: black;
p{ text-indent: 0px!important; }
}
.chapter-header h2 {
@ -18,11 +21,11 @@
}
.chapter-header h2{
font-size: 46px;
line-height: 1.1;
font-family: var(--font);
font-family: var(--mono);
.chapter-header .h2-pattern{
font-size: 58px;
line-height: 0.8;
// font-family: var(--font);
// font-family: var(--mono);
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: left;
@ -30,7 +33,36 @@
color: var(--color);
text-align: center;
font-family: var(--font-decor);
transform: scale(2);
z-index: 0;
position: absolute;
top: 0;
}
.chapter-header h2{
font-family: 'Routed Gothic Wide';
margin-top: calc(var(--baseline)*4);
text-align: center;
line-height: 1.2;
font-size: 36px;
font-weight: normal;
span{
background-color: white;
border: 1px solid red;
box-shadow: 0px 1px 23px 8px rgba(255,0,0,1);
border-radius:10px;
padding-inline: 0.5ch;
box-decoration-break: clone;
-webkit-box-decoration-break: clone; /* pour Safari */
}
z-index: 10;
}
@ -43,47 +75,14 @@
.chapter-header .type{
}
.chapter-header .bio{
margin-top: calc(var(--baseline)*3);
font-family: var(--sans);
hyphens: none;
line-height: 1.3;
font-size: 12px;
// left: 0px!important;
.name{
text-indent: 0;
text-align: left;
font-weight: normal;
color: var(--color);
}
.description{
text-indent: -14mm;
padding-left: 14mm;
text-align: left;
font-weight: normal;
color: var(--color);
hyphens: none;
}
}
.chapter-header .author{
left: 0px!important;
font-size: 26px;
line-height: 0.9;
font-weight: normal;
line-height: 1;
font-family: var(--mono);
// font-weight: bold;
text-align: center;
text-indent: 0;
color: var(--color);
margin-top: calc(var(--baseline)*3);
text-decoration: underline 1px;
text-underline-offset: 2px;
font-family: 'Routed Gothic Wide';
margin-top: calc(var(--baseline)*1);
text-align: center;
font-size: 28px;
font-weight: normal;
// margin-top: calc(var(--baseline)*2)
}