style some more block content, embed blocks etc

This commit is contained in:
elise
2024-07-15 20:56:20 +02:00
parent a73a0799fc
commit f5bd564e83
3 changed files with 8 additions and 6 deletions

View File

@ -1,9 +1,12 @@
.embed { .embed {
display: flex;
justify-content: center;
&[data-type="video"] { &[data-type="video"] {
iframe { iframe {
width: 100%; width: 100%;
max-width: var(--size-width-p);
height: auto; height: auto;
aspect-ratio: var(--aspect-ratio) aspect-ratio: var(--aspect-ratio);
} }
} }
} }

View File

@ -1,7 +1,7 @@
.horizontalRuleBlock { .horizontalRuleBlock {
height: 3rem; height: 3rem;
width: 100%; width: 100%;
margin: var(--spacing-s) auto var(--spacing-section-bottom); margin: var(--spacing-l) auto;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -31,6 +31,6 @@
margin: 0 auto; margin: 0 auto;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-52%); transform: translateX(-50%);
} }
} }

View File

@ -1,5 +1,5 @@
.richTextBlock { .richTextBlock {
padding-bottom: var(--spacing-section-bottom); margin-bottom: var(--spacing-section-bottom);
h1, h1,
h2, h2,
@ -118,11 +118,10 @@
} }
hr { hr {
margin: 2rem 0; margin: 2rem auto;
max-width: var(--size-width-p); max-width: var(--size-width-p);
border: none; border: none;
height: 1px; height: 1px;
background: var(--color-text); background: var(--color-text);
opacity: .2;
} }
} }