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

adjust footer for mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Aadil Ayub 2024-06-03 13:30:43 +05:00
parent 70f8e9988d
commit cce61be875
2 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
patterns/footer.php
View File

@ -7,24 +7,24 @@
* Inserter: no
*/
?>
<!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"black","textColor":"white","layout":{"type":"default"}} -->
<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--70)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}}} -->
<!-- wp:group {"tagName":"footer","metadata":{"name":"site-footer"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|70","right":"var:preset|spacing|70"}}},"backgroundColor":"black","textColor":"white","className":"site-footer","layout":{"type":"default"}} -->
<footer class="wp-block-group site-footer has-white-color has-black-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--70)"><!-- wp:columns {"metadata":{"name":""}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%","metadata":{"name":"Logo"},"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="padding-bottom:var(--wp--preset--spacing--80);flex-basis:20%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/images/logo-1.svg" alt="" class="" /></figure>
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/assets/images/logo-1.svg" alt="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<!-- wp:column {"width":"40%","metadata":{"name":"About"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"0","bottom":"var:preset|spacing|80"}}},"className":"footer-gradient-column"} -->
<div class="wp-block-column footer-gradient-column" style="padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:0;flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:700;letter-spacing:0px">About</p>
<!-- /wp:paragraph -->
<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"0"}}}} -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item {"className":"is-style-constrained"} -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px","lineHeight":"2"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px;line-height:2" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item {"className":"is-style-constrained"} -->
<li class="is-style-constrained">About</li>
<!-- /wp:list-item -->
@ -41,8 +41,8 @@
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<div class="wp-block-column"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px","lineHeight":"2"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px;line-height:2" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>Principles</li>
<!-- /wp:list-item -->
@ -62,13 +62,13 @@
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<!-- wp:column {"width":"40%","metadata":{"name":"Our Work"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"0","bottom":"var:preset|spacing|80"}}},"className":"footer-gradient-column"} -->
<div class="wp-block-column footer-gradient-column" style="padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:0;flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"700","letterSpacing":"0px"}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-link-color has-medium-font-size" style="font-style:normal;font-weight:700;letter-spacing:0px">Our Work</p>
<!-- /wp:paragraph -->
<!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px","lineHeight":"2"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px;line-height:2" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>This is What Police Tech Looks Like</li>
<!-- /wp:list-item -->
@ -80,9 +80,9 @@
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"20%","style":{"border":{"left":{"color":"var:preset|color|turquoise-green","width":"8px"}},"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|50","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-column" style="border-left-color:var(--wp--preset--color--turquoise-green);border-left-width:8px;padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50);flex-basis:20%"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<!-- wp:column {"width":"20%","metadata":{"name":"Contact"},"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"0","bottom":"var:preset|spacing|80"}}},"className":"footer-gradient-column"} -->
<div class="wp-block-column footer-gradient-column" style="padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--80);padding-left:0;flex-basis:20%"><!-- wp:list {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"18px","letterSpacing":"0px","lineHeight":"2"},"spacing":{"padding":{"right":"0","left":"0"}}},"textColor":"white","className":"is-style-arrow","fontFamily":"commit-mono"} -->
<ul style="padding-right:0;padding-left:0;font-size:18px;letter-spacing:0px;line-height:2" class="is-style-arrow has-white-color has-text-color has-link-color has-commit-mono-font-family"><!-- wp:list-item -->
<li>Blog</li>
<!-- /wp:list-item -->
@ -99,5 +99,5 @@
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
</footer>
<!-- /wp:group -->

2
theme.json
View File

@ -645,7 +645,7 @@
}
}
},
"css": "figcaption.wp-element-caption {\n width: fit-content;\n margin: 0;\n padding: 8px 12px;\n}\n\n.main-header-nav .wp-block-navigation-item {\n justify-content: center;\n border: 1px solid;\n flex-grow: 1;\n border-left: 0;\n padding-block: 0.5em\n}\n\n.main-header-nav .wp-block-navigation-item:last-of-type {\n border-right: 0;\n}\n\nnav.wp-block-navigation.mobile-header-nav {\n border-top: 1px solid;\n border-bottom: 1px solid;\n padding-block: 15px\n}\n\nul.wp-block-navigation.mobile-header-nav li {\n font-size: 40px !important;\n margin-block: .5em;\n}",
"css": "figcaption.wp-element-caption {\n width: fit-content;\n margin: 0;\n padding: 8px 12px;\n}\n\n.main-header-nav .wp-block-navigation-item {\n justify-content: center;\n border: 1px solid;\n flex-grow: 1;\n border-left: 0;\n padding-block: 0.5em\n}\n\n.main-header-nav .wp-block-navigation-item:last-of-type {\n border-right: 0;\n}\n\nnav.wp-block-navigation.mobile-header-nav {\n border-top: 1px solid;\n border-bottom: 1px solid;\n padding-block: 15px\n}\n\nul.wp-block-navigation.mobile-header-nav li {\n font-size: 40px !important;\n margin-block: .5em;\n}\n\n@media (min-width: 1080px) {\n .wp-block-column.footer-gradient-column {\n padding-left: 2rem !important;\n border-left: 8px solid var(--wp--preset--color--turquoise-green);\n}\n}\n\n@media (max-width: 786px) {\n.wp-block-column.footer-gradient-column {\n padding-top: 1.5rem !important;\n border-top: 8px solid var(--wp--preset--color--turquoise-green);\n}\n}",
"elements": {
"caption": {
"color": {