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

tweak single blog template on mobile

Browse Source
This commit is contained in:
Aadil Ayub 2024-07-09 17:10:00 +05:00
parent d841e13609
commit 279cf1549b
2 changed files with 147 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/custom.css
View File

@ -236,7 +236,7 @@ a.wp-block-tiptip-hyperlink-group-block {
margin-block: 1em;
font-family: var(--wp--preset--font-family--instrument-sans);
letter-spacing: -0.4px;
font-size: 38px;
font-size: 38px !important;
}
.blog-post-content blockquote.wp-block-quote {
@ -247,6 +247,15 @@ a.wp-block-tiptip-hyperlink-group-block {
.blog-post-content .wp-block-image {
margin-inline: -42px;
}
.blog-post-content blockquote.wp-block-quote {
margin-inline-start: -1.5rem;
}
.blog-post-content h2.wp-block-heading {
margin-inline: auto;
padding-inline-start: .5em;
}
}
@media (min-width: 1080px) {

28
templates/single.html
View File

@ -1,8 +1,8 @@
<!-- wp:template-part {"slug":"header","theme":"jett-theme","area":"header"} /-->
<!-- wp:template-part {"slug":"header","area":"header"} /-->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"width":"19.15%"} -->
<div class="wp-block-column" style="flex-basis:19.05%"></div>
<div class="wp-block-column" style="flex-basis:19.15%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"","style":{"border":{"left":{"width":"0px","style":"none"},"top":[],"right":[],"bottom":[]}}} -->
@ -24,12 +24,12 @@
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontFamily":"commit-mono"} -->
<p class="has-commit-mono-font-family"
style="font-style:normal;font-weight:500">Words:</p>
<p class="has-commit-mono-font-family" style="font-style:normal;font-weight:500">Words:</p>
<!-- /wp:paragraph -->
<!-- wp:co-authors-plus/coauthors {"prefix":"","separator":" | ","lastSeparator":"","style":{"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"}},"textColor":"black","fontFamily":"instrument-sans-semicondensed"} -->
<div class="wp-block-co-authors-plus-coauthors has-black-color has-text-color has-link-color has-instrument-sans-semicondensed-font-family"
<div
class="wp-block-co-authors-plus-coauthors has-black-color has-text-color has-link-color has-instrument-sans-semicondensed-font-family"
style="font-style:normal;font-weight:700;text-transform:uppercase">
<!-- wp:co-authors-plus/name {"isLink":true} /--></div>
<!-- /wp:co-authors-plus/coauthors -->
@ -40,8 +40,7 @@
<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:post-excerpt {"style":{"typography":{"lineHeight":"1.5"}},"fontFamily":"commit-mono"} /-->
</div>
<!-- wp:post-excerpt {"style":{"typography":{"lineHeight":"1.5"}},"fontFamily":"commit-mono"} /--></div>
<!-- /wp:group -->
<!-- wp:post-terms {"term":"post_tag","separator":"","className":"is-style-hashtags"} /-->
@ -53,8 +52,8 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"0","right":"0"},"margin":{"top":"0"}},"border":{"bottom":{"width":"16px"},"top":{"width":"0px","style":"none"},"right":{"width":"1px"},"left":{"width":"1px"}}},"className":"post-content-container","layout":{"type":"constrained","justifyContent":"left","contentSize":"640px","wideSize":""},"fontSize":"standard"} -->
<div class="wp-block-group post-content-container has-standard-font-size"
style="border-top-style:none;border-top-width:0px;border-right-width:1px;border-bottom-width:16px;border-left-width:1px;margin-top:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0">
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|70","left":"var:preset|spacing|70"}}},"className":"pcss-39dde4d3","layout":{"type":"constrained"},"pcssAdditionalCss":"@media (max-width: 480px) {\n [block] {\n padding-inline: 1rem !important\n }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-39dde4d3{padding-inline:1rem!important}}","pcssClassId":"pcss-39dde4d3"} -->
<div class="wp-block-group pcss-39dde4d3"
style="padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)">
<!-- wp:post-content {"style":{"typography":{"fontSize":"20px","lineHeight":"1.6"},"spacing":{"padding":{"top":"var:preset|spacing|40"}}},"className":"blog-post-content","fontFamily":"roboto-serif"} /-->
</div>
@ -63,7 +62,8 @@
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"post-bio-container"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"black","textColor":"white","className":"post-bio-container","layout":{"type":"constrained","contentSize":"640px","wideSize":"1480px"}} -->
<div class="wp-block-group post-bio-container has-white-color has-black-background-color has-text-color has-background has-link-color"
<div
class="wp-block-group post-bio-container has-white-color has-black-background-color has-text-color has-background has-link-color"
style="padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)">
<!-- wp:heading {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"x-large"} -->
<h2
@ -73,8 +73,7 @@
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"29%"} -->
<div class="wp-block-column" style="flex-basis:29%">
<!-- wp:co-authors-plus/coauthors {"prefix":""} -->
<div class="wp-block-column" style="flex-basis:29%"><!-- wp:co-authors-plus/coauthors {"prefix":""} -->
<div class="wp-block-co-authors-plus-coauthors">
<!-- wp:co-authors-plus/name {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"standard"} /-->
</div>
@ -110,7 +109,8 @@
<div class="wp-block-group has-black-background-color has-background"
style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"is-style-gradient","fontSize":"xx-large","fontFamily":"instrument-sans"} -->
<h2 class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size"
<h2
class="wp-block-heading has-text-align-center is-style-gradient has-instrument-sans-font-family has-xx-large-font-size"
style="font-style:normal;font-weight:600">From The Blog</h2>
<!-- /wp:heading -->
</div>
@ -168,4 +168,4 @@
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"jett-theme","area":"footer"} /-->
<!-- wp:template-part {"slug":"footer","area":"footer"} /-->