autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -61,8 +61,16 @@ 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 {
content: "##"; content: "##";
border-bottom: none; border-bottom: none;
@ -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;
} }
} }