adjust footer for mobile
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
70f8e9988d
commit
cce61be875
|
|
@ -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 -->
|
||||
|
|
@ -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": {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user