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

90 lines
1.7 KiB
SCSS
Raw Normal View History

2026-02-23 11:35:07 +01:00
.chapter-header{
// break-after: page;
2026-02-24 12:40:59 +01:00
margin-top: calc(var(--baseline)*2);
2026-02-24 14:09:50 +01:00
margin-bottom: calc(var(--baseline)*3);
2026-02-24 12:40:59 +01:00
--color: black;
2026-02-23 11:35:07 +01:00
}
.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-24 14:09:50 +01:00
font-size: 46px;
line-height: 1.1;
font-family: var(--font);
font-family: var(--mono);
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;
2026-02-24 12:40:59 +01:00
font-weight: normal;
2026-02-24 14:09:50 +01:00
2026-02-24 12:40:59 +01:00
color: var(--color);
2026-02-24 14:09:50 +01:00
text-align: center;
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 12:40:59 +01:00
margin-top: calc(var(--baseline)*3);
2026-02-24 14:09:50 +01:00
font-family: var(--sans);
2026-02-23 11:35:07 +01:00
hyphens: none;
2026-02-24 14:09:50 +01:00
line-height: 1.3;
font-size: 12px;
2026-02-24 09:11:23 +01:00
// left: 0px!important;
.name{
text-indent: 0;
text-align: left;
2026-02-24 12:40:59 +01:00
font-weight: normal;
color: var(--color);
2026-02-24 09:11:23 +01:00
}
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;
2026-02-24 12:40:59 +01:00
font-weight: normal;
color: var(--color);
2026-02-24 14:09:50 +01:00
hyphens: none;
2026-02-24 09:11:23 +01:00
}
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-24 14:09:50 +01:00
font-size: 26px;
line-height: 0.9;
2026-02-24 12:40:59 +01:00
font-weight: normal;
2026-02-23 11:35:07 +01:00
line-height: 1;
2026-02-24 14:09:50 +01:00
font-family: var(--mono);
2026-02-24 09:11:23 +01:00
// font-weight: bold;
2026-02-24 14:09:50 +01:00
text-align: center;
2026-02-24 12:40:59 +01:00
text-indent: 0;
color: var(--color);
2026-02-24 14:09:50 +01:00
margin-top: calc(var(--baseline)*3);
text-decoration: underline 1px;
text-underline-offset: 2px;
2026-02-23 11:35:07 +01:00
}