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

chapter hgroup + calming decor

Browse source
This commit is contained in:
Julie Blanc 2026-04-07 18:09:15 +02:00
parent 0545b131de
commit 94d14d70c1
370 changed files with 9583 additions and 1566 deletions
Download patch file Download diff file Expand all files Collapse all files

58
assets/css/chapter-header.css
View file

@ -2,6 +2,9 @@
.chapter-header {
position: relative;
margin-top: calc(var(--baseline)*-2.5);
width: calc(100% + 4px);
/* width: 101%; */
}
.chapter-header .hgroup {
@ -10,15 +13,12 @@
font-weight: normal;
position: relative;
top: calc(var(--baseline)*-0.25 - 2px);
margin-bottom: calc(var(--baseline)*3 + 13px);
/* margin-bottom: calc(var(--baseline)*3 + 13px); */
/*padding-right: calc(var(--unit)*2);*/
position: relative;
padding-left: 15px;
/* padding-left: 15px; */
}
.chapter-header .type {
display: none;
}
.chapter-header .hgroup h2 {
@ -29,7 +29,7 @@
/*display: inline;*/
box-sizing: border-box;
text-align: center;
margin-top: 0;
margin-top: 1em;
color: var(--sign-color);
}
@ -38,7 +38,6 @@
padding-left: 0.25ch;
padding-right: 0.25ch;
box-decoration-break: clone;
/*background-color: var(--sign-color);*/
padding: 1px 0.25ch;
text-transform: uppercase;
}
@ -59,11 +58,17 @@
.chapter-header .author::before { display: none; }
.chapter-header .bio { display: none; }
.hgroup-before,
.hgroup-after,
.chapter-header .title-before,
.chapter-header .icon-type{
text-align: center;
}
.chapter-header .title-between,
.chapter-header .title-after,
.chapter-header .title-between {
.chapter-header .icon-type,
.chapter-header .type-container,
.chapter-header .type-separator{
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@ -71,22 +76,35 @@
line-height: calc(var(--sign-baseline)*1);
}
.chapter-header .title-before,
.chapter-header .title-after{
.chapter-header .type-container{
display: flex;
justify-content: space-between;
}
.chapter-header .type{
text-transform: uppercase;
}
/* .chapter-header .title-before, */
/* .chapter-header .title-after{
white-space: nowrap;
position: absolute;
left: 0px;
}
} */
.chapter-header .title-between{
.chapter-header .title-between,
.chapter-header .title-after{
text-align: center;
font-size: 1em;
max-width: 1ch;
margin-inline: auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
/* font-size: 1em; */
}
.chapter-header .title-before {
top: calc(var(--baseline)*-2.5);
text-transform: uppercase;
}
.chapter-header .title-after {
bottom: calc(var(--baseline)*-2.25 + 1px);