tweak blog page on mobile
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2024-07-09 16:56:11 +05:00
parent 4bdb9934e8
commit d841e13609
2 changed files with 13 additions and 11 deletions

View File

@ -65,9 +65,11 @@ ul.wp-block-navigation.mobile-header-nav li {
}
/* style blog posts */
@media (min-width: 1280px) {
.home-post-item {
height: 100%
}
}
/* Removing default underline for most links */
.post-title a {

View File

@ -17,19 +17,19 @@
<div class="wp-block-column" style="border-right-color:var(--wp--preset--color--black);border-right-width:1px;flex-basis:20%"><!-- wp:tag-cloud {"numberOfTags":100,"className":"is-style-outline","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}}}}]}} /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-column" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:80%"><!-- wp:post-title {"style":{"typography":{"fontSize":"60px"}}} /-->
<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"className":"pcss-aee45e49","pcssAdditionalCss":"@media (max-width: 480px) {\n [block] {\n padding-inline: 1rem !important\n }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-aee45e49{padding-inline:1rem!important}}","pcssClassId":"pcss-aee45e49"} -->
<div class="wp-block-column pcss-aee45e49" style="padding-right:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:80%"><!-- wp:post-title {"style":{"typography":{"fontSize":"60px"}}} /-->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"border":{"radius":"40px"}},"backgroundColor":"black","textColor":"white","className":"pcss-bbf2092b","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}}}}]},"pcssAdditionalCss":"[block] input::placeholder {\n color: white;\n}","pcssAdditionalCssCompiled":".pcss-bbf2092b input::placeholder{color:#fff}","pcssClassId":"pcss-bbf2092b"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"metadata":{"name":"Sticky Posts"},"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-query alignwide"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
<!-- wp:group {"tagName":"article","style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":"0"}},"className":"home-featured-post-item","layout":{"type":"default"}} -->
<!-- wp:group {"tagName":"article","style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":"0"},"layout":{"columnStart":1,"rowStart":1}},"className":"home-featured-post-item","layout":{"type":"default"}} -->
<article class="wp-block-group home-featured-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:post-featured-image {"height":"419px","style":{"border":{"bottom":{"color":"var:preset|color|black","width":"1px"},"top":{},"right":{},"left":{}}}} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","bottom":"var:preset|spacing|60"}}},"className":"pcss-70433136","layout":{"type":"default"},"pcssAdditionalCss":"@media (max-width: 480px) {\n [block] {\n padding-inline: 12px !important\n }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-70433136{padding-inline:12px!important}}","pcssClassId":"pcss-70433136"} -->
<div class="wp-block-group pcss-70433136" style="padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
<!-- wp:post-title {"isLink":true,"className":"post-title"} /-->
@ -47,12 +47,12 @@
<!-- wp:query {"queryId":13,"query":{"perPage":"6","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"metadata":{"name":"Normal posts"},"className":"home-posts-grid","layout":{"type":"default"}} -->
<div class="wp-block-query home-posts-grid"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":"2","minimumColumnWidth":null}} -->
<!-- wp:columns {"style":{"border":{"top":{"width":"1px","color":"var:preset|color|black"},"right":{"width":"1px","color":"var:preset|color|black"},"bottom":{"width":"16px","color":"var:preset|color|black"},"left":{"width":"1px","color":"var:preset|color|black"}},"spacing":{"blockGap":{"top":"0","left":"0"}}},"className":"home-post-item"} -->
<div class="wp-block-columns home-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%"><!-- wp:post-featured-image {"width":"","height":"100%","sizeSlug":"full","style":{"layout":{"selfStretch":"fit","flexSize":null},"border":{"right":{"width":"1px"}}},"className":"home-post-item-img"} /--></div>
<div class="wp-block-columns home-post-item" style="border-top-color:var(--wp--preset--color--black);border-top-width:1px;border-right-color:var(--wp--preset--color--black);border-right-width:1px;border-bottom-color:var(--wp--preset--color--black);border-bottom-width:16px;border-left-color:var(--wp--preset--color--black);border-left-width:1px"><!-- wp:column {"width":"30%","className":"pcss-538c86ff","pcssAdditionalCss":"@media (max-width: 480px) {\n [block] {\n border-bottom: 2px solid !important;\n }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-538c86ff{border-bottom:2px solid!important}}","pcssClassId":"pcss-538c86ff"} -->
<div class="wp-block-column pcss-538c86ff" style="flex-basis:30%"><!-- wp:post-featured-image {"width":"","height":"100%","sizeSlug":"full","style":{"layout":{"selfStretch":"fit","flexSize":null},"border":{"right":{"width":"1px"}}},"className":"home-post-item-img"} /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
<!-- wp:column {"width":"","style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|60","top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"className":"pcss-e907e059","pcssAdditionalCss":"@media (max-width: 480px) {\n [block] {\n padding-inline: 12px !important;\n padding-bottom: 1rem !important;\n }\n}","pcssAdditionalCssCompiled":"@media (width\u003c=480px){.pcss-e907e059{padding-inline:12px!important;padding-bottom:1rem!important}}","pcssClassId":"pcss-e907e059"} -->
<div class="wp-block-column pcss-e907e059" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--60)"><!-- wp:post-date {"format":"M.j.y","style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"fontSize":"small","fontFamily":"commit-mono"} /-->
<!-- wp:post-title {"isLink":true,"className":"post-title"} /-->