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

add Teletext

Browse source
This commit is contained in:
Julie Blanc 2026-03-16 21:28:54 +01:00
parent 1783105175
commit 9344129a9f
11 changed files with 190 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,15 +1,120 @@
.chapter {
break-before: right;
page: chapter;
}
@page chapter:first {
/* background-color: var(--blue); */
/* color: white!important; */
@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) ;
/* color: white; */
}
@top-left {
content: none;
}
@top-center {
content: none;
}
@top-right {
content: none;
}
}
.chapter-header {
position: relative;
/* font-family: var(--font-title); */
font-size: 36px;
line-height: 1;
break-after: page;
/* break-after: page; */
}
.chapter-header .hgroup{
/* font-family: 'Routed Gothic Wide'; */
font-size: 22px;
line-height: 1;
font-weight: normal;
/* text-align: center; */
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*4);
margin-right: calc(var(--unit)*2);
}
.chapter-header .type{
color: var(--blue);
font-family: 'Teletext';
font-weight: 200;
/* font-size: 22px; */
line-height: 1;
font-weight: normal;
text-transform: uppercase;
/* text-decoration: underline;
text-underline-offset: 2px; */
}
.chapter-header .type::before{
display: none;
}
.chapter-header .hgroup h2{
font-weight: normal;
font-size: 1em;
display: inline;
line-height: 1.3;
box-sizing: border-box;
font-family: 'Teletext';
font-weight: 200;
text-align: center;
/* text-transform: uppercase; */
}
.chapter-header .hgroup h2 span{
color: white;
padding-left: 0.25ch;
padding-right: 0.25ch;
box-decoration-break: clone;
background-color: var(--blue);
padding: 2px 0.25ch;
/* background: linear-gradient(var(--blue), var(--blue)) center / 100% 70% no-repeat; */
text-transform: uppercase;
}
.chapter-header .author{
font-family: 'Teletext';
font-weight: 200;
color: var(--blue);
margin-top: calc(var(--baseline)*1);
text-transform: uppercase;
}
.chapter-header .hgroup h2::after{
/* content: "| | | | | ";
font-size: var(--sign-size);
color: var(--blue);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
display: block;
width: 1ch;
text-align: center;
margin-left: calc(var(--unit)*0.5); */
}
.chapter-header .author::before{
display: none;
}
.chapter-header .bio{
display: none;