attempt to fix multiline blog post headings on mobile
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2023-08-25 20:44:12 +05:00
parent 42ede0cc32
commit 5237877b4a

View File

@ -61,6 +61,14 @@ html, body {
.wp-site-blocks h2.blog-post-heading { .wp-site-blocks h2.blog-post-heading {
border-top: none; border-top: none;
height: revert;
container-type: inline-size;
}
@container (max-width: 20ch) {
.wp-site-blocks h2::before {
width: 7ch;
}
} }
.wp-site-blocks h2.blog-post-heading::before { .wp-site-blocks h2.blog-post-heading::before {
@ -180,7 +188,6 @@ html, body {
} }
.wp-site-blocks h2.blog-post-heading::before { .wp-site-blocks h2.blog-post-heading::before {
margin-inline-end: -0.7em;
margin-inline-start: 1em; margin-inline-start: 1em;
} }
} }