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

notes smaller

Browse source
This commit is contained in:
Julie Blanc 2026-03-10 11:49:12 +01:00
parent 8823395d75
commit cc75afe344
5 changed files with 126 additions and 270 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,30 +1,6 @@
.chapter-nav ul{
display: flex;
font-family: var(--mono);
list-style: none;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: var(--gap);
margin-bottom: var(--gap);
}
.chapter-nav ul li{
background-color: var(--grey);
font-size: var(--fs-nav);
line-height: 1;
padding: 4px 1ch;
}
.chapter-nav ul li.selected{
border: var(--border-grey);
background: none;
}
.chapter-header {
/* break-after: page; */
position: relative;
}
@ -34,87 +10,46 @@
text-indent: 0px !important;
}
.chapter-header .type,
.chapter-header .h2-pattern {
display: none;
/* font-size: 58px;
line-height: 0.8;
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: left;
font-weight: normal;
color: var(--color);
text-align: center;
font-family: var(--font-decor);
transform: scale(2);
z-index: 0;
position: absolute;
top: 0; */
}
.chapter-header .type {
font-family: var(--mono);
font-size: var(--fs-nav);
background-color: var(--grey);
font-size: var(--fs-nav);
line-height: 1;
padding: 4px 1ch;
height: var(--unit);
margin-left: calc(var(--unit) + var(--gap));
}
.chapter-header .type::before{
content: ">";
display: block;
width: var(--unit);
height: var(--unit);
background-color: var(--grey);
position: absolute;
top: 0;
left: calc((var(--unit) + var(--gap))*-1);
display: flex;
align-items: center;
justify-content: center;
}
.chapter-header .hgroup{
margin-top: var(--gap);
/* margin-top: var(--gap);
border-left: var(--unit) solid var(--grey);
border-left: var(--unit) solid var(--grey);
padding-left: var(--gap);
display: flex;
flex-direction: column;
flex-direction: column; */
margin-left: 15%;
}
.chapter-header h2 {
font-family: 'Routed Gothic Wide';
line-height: 1.2;
line-height: 1.1;
font-size: 36px;
font-weight: normal;
text-align: center;
padding-top: calc(var(--baseline)*1);
padding-bottom: calc(var(--baseline)*1);
}
.chapter-header .author {
font-family: 'Routed Gothic Wide';
font-size: 36px;
margin-top: calc(var(--baseline)*6);
margin-bottom: calc(var(--baseline)*2);
background-color: black;
/* background-color: black;
color: white;
font-family: var(--mono);
@ -127,7 +62,7 @@
font-weight: normal;
height: var(--unit);
margin-bottom: 0;
margin-bottom: 0; */
/* display: inline-block;
margin-inline: auto;