decor-6-expe/maquette-tests/assets/css/text.css
2026-03-10 14:17:49 +01:00

122 lines
2 KiB
CSS

.chapter p{
text-align: justify;
hyphens: auto;
hyphenate-limit-chars: 8 3;
position: relative;
orphans: 2;
hyphens: 2;
}
.container-float-note + p,
p + p{
text-indent: 3ch;
position: relative;
/* text-indent: -6ch; */
}
p::before{
/* content: ">";
position: absolute;
left: 0;
font-family: var(--mono);
font-weight: normal;
font-size: var(--fs-nav); */
/* display: block;
width: var(--unit);
height: var(--unit);
background-color: var(--grey);
top: 2px;
display: flex;
align-items: center; */
/* justify-content: center; */
}
h3, h4{
break-after: avoid;
}
h3, h4{
font-weight: normal;
/* font-size: 14px; */
font-family: var(--font-subtitle);
/* font-family: var(--font-subtitle);
font-size: var(--fs-subtitle);
background-color: var(--grey);
font-size: var(--fs-nav);
line-height: 1;
padding: 4px 1ch;
min-height: var(--unit);
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*0.5);
font-weight: normal; */
/* padding-left: 1.5ch; */
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*0.5);
/* padding-left: 30%; */
max-width: 26ch;
text-align: center;
}
h3::before,
h3::after{
/* content: "+------------------------------------------------+";
display: block;
position: relative;
left: -1.5ch;
width: calc(100% + 1.5ch); */
}
h4{
border: var(--border-grey);
background: none;
}
blockquote p{
/* font-family: var(--mono); */
}
blockquote{
padding-left: 3ch;
/* font-style: italic; */
margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5);
}
blockquote::before{
content: "> > > > > > > > > >";
display: block;
width: 1ch;
position: absolute;
left: 0;
font-family: var(--mono);
font-size: var(--fs-nav);
font-style: normal;
}
.chapter > :first-child{
margin-top: 0px;
}
.pagedjs_area{
position: relative;
}