From cce61be8759f9f531414a3540be146358a2786b2 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Mon, 3 Jun 2024 13:30:43 +0500
Subject: [PATCH] adjust footer for mobile

---
 patterns/footer.php | 36 ++++++++++++++++++------------------
 theme.json          |  2 +-
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/patterns/footer.php b/patterns/footer.php
index 61a3c48..15fa337 100644
--- a/patterns/footer.php
+++ b/patterns/footer.php
@@ -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 -->
\ No newline at end of file
diff --git a/theme.json b/theme.json
index d009b86..e8840cf 100644
--- a/theme.json
+++ b/theme.json
@@ -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": {