88 lines
1.6 KiB
SCSS
88 lines
1.6 KiB
SCSS
.chapter-header{
|
||
// break-after: page;
|
||
position: relative;
|
||
margin-top: calc(var(--baseline)*2);
|
||
margin-bottom: calc(var(--baseline)*3);
|
||
--color: black;
|
||
|
||
p{ text-indent: 0px!important; }
|
||
}
|
||
|
||
.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-pattern{
|
||
font-size: 58px;
|
||
line-height: 0.8;
|
||
// font-family: var(--font);
|
||
// font-family: var(--mono);
|
||
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 h2{
|
||
font-family: 'Routed Gothic Wide';
|
||
margin-top: calc(var(--baseline)*4);
|
||
text-align: center;
|
||
line-height: 1.2;
|
||
font-size: 36px;
|
||
font-weight: normal;
|
||
|
||
|
||
span{
|
||
background-color: white;
|
||
border: 1px solid red;
|
||
box-shadow: 0px 1px 23px 8px rgba(255,0,0,1);
|
||
border-radius:10px;
|
||
padding-inline: 0.5ch;
|
||
box-decoration-break: clone;
|
||
-webkit-box-decoration-break: clone; /* pour Safari */
|
||
}
|
||
|
||
z-index: 10;
|
||
}
|
||
|
||
|
||
.chapter-header .type{
|
||
margin-bottom: calc(var(--baseline)*1);
|
||
display: none;
|
||
// text-align: center;
|
||
}
|
||
|
||
.chapter-header .type{
|
||
|
||
}
|
||
|
||
|
||
.chapter-header .author{
|
||
font-family: 'Routed Gothic Wide';
|
||
margin-top: calc(var(--baseline)*1);
|
||
text-align: center;
|
||
font-size: 28px;
|
||
font-weight: normal;
|
||
// margin-top: calc(var(--baseline)*2)
|
||
}
|
||
|