walter-boente_book-collection/css/modules/_text.scss

107 lines
1.8 KiB
SCSS
Raw Normal View History

2026-01-19 22:14:03 +01:00
sup{
line-height: 0;
}
hr{
border: none;
height: var(--baseline);
}
a{
color: currentColor;
text-decoration: none;
}
p{
text-align: justify;
orphans: 2;
widows: 2;
}
p, li{
hyphens: auto;
hyphenate-limit-chars: 7 3 4;
hyphenate-limit-lines: 2;
hyphenate-limit-zone: 8%;
word-spacing: -0.004em;
}
2026-01-19 23:37:32 +01:00
2026-01-19 22:14:03 +01:00
p + p,
ol[type="1"] + p{
text-indent: calc(var(--indent)*0.5);
}
blockquote{
2026-01-20 22:37:15 +01:00
font-family: var(--font-serif);
2026-01-19 23:37:32 +01:00
padding-left: calc(var(--indent)*1);
2026-01-20 22:37:15 +01:00
padding-right: calc(var(--indent)*1);
// font-size: var(--fs-small);
2026-01-19 23:37:32 +01:00
margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5);
2026-01-20 22:37:15 +01:00
font-size: 12px;
color: #343434;
2026-01-19 22:14:03 +01:00
}
2026-01-20 19:05:58 +01:00
.these + ol + p,
blockquote + ol + p{
text-indent: 0px;
}
2026-01-19 22:14:03 +01:00
.these{
2026-01-20 22:37:15 +01:00
// color: red;
// font-family: var(--font-title);
2026-01-20 19:05:58 +01:00
margin-bottom: calc(var(--baseline)*1);
2026-01-20 22:37:15 +01:00
border-left: 4px solid #efefef;
box-decoration-break: clone;
padding-left: calc(var(--indent)*0.5);
2026-01-19 23:37:32 +01:00
}
2026-01-20 13:32:39 +01:00
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
position: absolute;
2026-01-20 22:37:15 +01:00
left: 0px;
display: flex;
gap: 0.25ch;
2026-01-20 13:32:39 +01:00
2026-01-20 22:37:15 +01:00
&::after{
2026-01-20 13:32:39 +01:00
content: attr(start);
// font-family: var(--font-title);
// font-weight: 500;
2026-01-20 22:37:15 +01:00
font-size: var(--fs-small);
2026-01-20 13:32:39 +01:00
color: #999;
2026-01-20 22:37:15 +01:00
// display: block;
// height: var(--baseline);
2026-01-20 13:32:39 +01:00
2026-01-20 22:37:15 +01:00
// padding-right: 1ch;
// border-right: 1px solid #efefef;
2026-01-20 13:32:39 +01:00
}
2026-01-20 22:37:15 +01:00
li::before{
font-size: var(--fs-small);
content: "";
color: #d7d7d7;
position: relative;
top: -1px;
2026-01-19 23:37:32 +01:00
}
2026-01-20 13:32:39 +01:00
}
2026-01-19 23:37:32 +01:00
2026-01-20 22:37:15 +01:00