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

sass → css

Browse source
This commit is contained in:
Julie Blanc 2026-03-04 10:52:07 +01:00
parent 68a0dcb88b
commit 72a6378c73
19 changed files with 689 additions and 1057 deletions
Download patch file Download diff file Expand all files Collapse all files

156
maquette-tests/assets/css/chapter-header.css Normal file
View file

@ -0,0 +1,156 @@
.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;
}
.chapter-header p {
text-indent: 0px !important;
}
.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);
border-left: var(--unit) solid var(--grey);
border-left: var(--unit) solid var(--grey);
padding-left: var(--gap);
display: flex;
flex-direction: column;
}
.chapter-header h2 {
font-family: 'Routed Gothic Wide';
line-height: 1.2;
font-size: 36px;
font-weight: normal;
text-align: center;
padding-top: calc(var(--baseline)*1);
padding-bottom: calc(var(--baseline)*1);
}
.chapter-header .author {
background-color: black;
color: white;
font-family: var(--mono);
font-size: var(--fs-nav);
text-align: center;
font-size: var(--fs-nav);
line-height: 1;
padding: 4px 1ch;
font-weight: normal;
height: var(--unit);
margin-bottom: 0;
/* display: inline-block;
margin-inline: auto;
margin-top: calc(var(--baseline)*1); */
}
.chapter-header .bio{
display: none;
}
.chapter-header{
margin-bottom: calc(var(--baseline)*1);
}
.chapter-header:after{
/* content: "";
display: block;
margin-top: var(--gap);
border-top: 2px dashed var(--grey);
margin-bottom: calc(var(--baseline)*1); */
}