edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style image blocks along with body elements

Browse Source
This commit is contained in:
elisejakob
2024-05-20 21:36:18 +02:00
parent adfb4da749
commit 10227ff8e3
5 changed files with 94 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/components/blocks/richTextBlock.module.scss
View File

@ -7,8 +7,8 @@
h4,
h5,
h6 {
margin: 2rem 0 1rem;
max-width: 36em;
margin: 2rem auto 1rem;
max-width: var(--size-width-p);
}
h5,
@ -18,16 +18,16 @@
}
p {
margin-bottom: 1.4em;
margin: 0 auto 1.4em;
font-size: var(--font-size-body);
max-width: 36em;
max-width: var(--size-width-p);
}
ul,
ol {
margin: 1em 0 2em;
margin: 1em auto 2em;
font-size: var(--font-size-body);
max-width: 36em;
max-width: var(--size-width-p);
list-style: none;
li {
@ -75,6 +75,15 @@
}
}
blockquote {
font-family: var(--font-serif);
font-size: 2.8rem;
font-style: italic;
max-width: calc(var(--size-width-p) * 1.4);
margin: 2rem auto 3.2rem;
text-align: center;
}
strong {
font-weight: 700;
}
@ -105,6 +114,6 @@
figcaption {
font-size: var(--font-size-caption);
padding: .6rem 0;
max-width: 36rem;
max-width: var(--size-width-p);
}
}