Skip to content

Commit

Permalink
feat: first pass at initial footer pattern (#24)
Browse files Browse the repository at this point in the history
  • Loading branch information
laurelfulford authored May 18, 2023
1 parent 7f44cfe commit 301852d
Show file tree
Hide file tree
Showing 4 changed files with 52 additions and 40 deletions.
46 changes: 45 additions & 1 deletion parts/footer.html
Original file line number Diff line number Diff line change
@@ -1 +1,45 @@
<!-- wp:pattern {"slug":"newspack-block-theme/footer"} /-->
<!-- wp:spacer {"height":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dspacing\u002d\u002d80)"} -->
<div style="height:var(--wp--preset--spacing--80)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|50","top":"var:preset|spacing|60"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-base-color has-contrast-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:0;padding-bottom:0"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:site-logo {"width":65} /-->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.25rem"}}} -->
<p style="font-size:1.25rem">Our online newspaper provides the latest news and analysis on various topics. Our team of experienced journalists ensures accuracy and impartiality in all content. Stay informed and ahead of the curve with our informative and engaging articles.</p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconBackgroundColor":"tertiary","iconBackgroundColorValue":"#757575"} -->
<ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:navigation {"ref":13,"overlayMenu":"never","layout":{"type":"flex","flexWrap":"wrap"}} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"backgroundColor":"tertiary","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-wide" style="margin-top:var(--wp--preset--spacing--60)"/>
<!-- /wp:separator -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-small"} /-->

<!-- wp:paragraph {"textColor":"base","fontSize":"x-small"} -->
<p class="has-base-color has-text-color has-x-small-font-size"><a href="https://newspack.com">Proudly powered by Newspack by Automattic</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
36 changes: 0 additions & 36 deletions patterns/footer.php

This file was deleted.

4 changes: 4 additions & 0 deletions src/scss/_gutenberg-shim.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,7 @@ a {
text-decoration-thickness: .0625em !important;
text-underline-offset: .15em;
}

.has-text-color a {
color: inherit;
}
6 changes: 3 additions & 3 deletions theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -142,11 +142,11 @@
"useRootPaddingAwareAlignments": true,
"custom": {
"background": {
"mobile-menu": "#1E1E1E",
"mobile-menu": "var( --wp--preset--color--contrast )",
"mobile-menu-overlay": "rgba( 0, 0, 0, 0.5 )"
},
"color": {
"mobile-menu": "var( --wp--preset--color--white )"
"mobile-menu": "var( --wp--preset--color--base )"
},
"line-height": {
"x-small": "1.5",
Expand Down Expand Up @@ -511,7 +511,7 @@
"spacing": {
"blockGap": "1.875rem",
"padding": {
"bottom": "var(--wp--preset--spacing--50)",
"bottom": "0",
"left": "var(--wp--preset--spacing--30)",
"right": "var(--wp--preset--spacing--30)",
"top": "0"
Expand Down

0 comments on commit 301852d

Please sign in to comment.