attempt to fix multiline blog post headings on mobile
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Aadil Ayub 2023-08-25 20:44:12 +05:00
parent 42ede0cc32
commit 5237877b4a
1 changed files with 8 additions and 1 deletions

View File

@ -61,8 +61,16 @@ html, body {
.wp-site-blocks h2.blog-post-heading {
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 {
content: "##";
border-bottom: none;
@ -180,7 +188,6 @@ html, body {
}
.wp-site-blocks h2.blog-post-heading::before {
margin-inline-end: -0.7em;
margin-inline-start: 1em;
}
}