decor-6-expe/maquette-tests/assets/css/modules/_chapter-header.scss

80 lines
1.4 KiB
SCSS
Raw Permalink Normal View History

2026-02-23 11:35:07 +01:00
.chapter-header{
// break-after: page;
margin-bottom: calc(var(--baseline)*6);
}
.chapter-header h2 {
string-set: title content(text);
}
.chapter-header .author {
string-set: author content(text);
}
.chapter-header .type {
string-set: type content(text);
}
.chapter-header h2{
2026-02-23 23:30:33 +01:00
font-size: 42px;
line-height: 0.9;
font-family: var(--title);
2026-02-23 22:28:14 +01:00
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
2026-02-23 23:30:33 +01:00
text-align: left;
font-weight: bold;
padding-right: 3ch;
2026-02-23 11:35:07 +01:00
}
.chapter-header .type{
margin-bottom: calc(var(--baseline)*1);
2026-02-24 09:11:23 +01:00
display: none;
2026-02-23 23:30:33 +01:00
// text-align: center;
2026-02-23 11:35:07 +01:00
}
2026-02-23 23:30:33 +01:00
.chapter-header .type{
}
2026-02-23 11:35:07 +01:00
.chapter-header .bio{
2026-02-24 09:11:23 +01:00
margin-top: calc(var(--baseline)*1);
font-family: var(--title);
2026-02-23 11:35:07 +01:00
hyphens: none;
2026-02-24 09:11:23 +01:00
font-size: 12px;
2026-02-23 11:35:07 +01:00
line-height: 1.2;
2026-02-24 09:11:23 +01:00
// left: 0px!important;
.name{
text-indent: 0;
text-align: left;
font-weight: bold;
}
2026-02-23 23:30:33 +01:00
2026-02-24 09:11:23 +01:00
.description{
text-indent: -14mm;
padding-left: 14mm;
text-align: left;
font-weight: bold;
}
2026-02-23 11:35:07 +01:00
}
2026-02-24 09:11:23 +01:00
2026-02-23 11:35:07 +01:00
.chapter-header .author{
left: 0px!important;
2026-02-23 23:30:33 +01:00
font-size: 26px;
2026-02-23 11:35:07 +01:00
line-height: 1;
2026-02-24 09:11:23 +01:00
font-family: var(--font);
// font-weight: bold;
2026-02-23 11:35:07 +01:00
text-align: center;
// color: var(--green);
2026-02-23 23:30:33 +01:00
text-align: right;
// text-transform: uppercase;
// letter-spacing: 0.01rem;
2026-02-23 11:35:07 +01:00
}