beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Lynx: Update the pattern with left-aligned content. (#6500)

Browse source
This commit is contained in:
alaczek 2022-09-02 14:48:28 +10:00 committed by GitHub
parent 0a3842b248
commit ff8d4f2387
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
lynx/patterns/link-in-bio-left-aligned-columns.php
View file

@ -8,66 +8,62 @@
?>
<!-- wp:cover {"customOverlayColor":"#f9d949","minHeight":100,"minHeightUnit":"vh","contentPosition":"top left","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"7vw","right":"7vw","bottom":"7vw","left":"7vw"}}}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-left" style="padding-top:7vw;padding-right:7vw;padding-bottom:7vw;padding-left:7vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#f9d949"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"contentSize":"540px"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"elements":{"link":{"color":{"text":"#00000099"}}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-cover alignfull is-light has-custom-content-position is-position-top-left" style="padding-top:7vw;padding-right:7vw;padding-bottom:7vw;padding-left:7vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#f9d949"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"contentSize":"540px","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"#00000099"}}}}} -->
<div class="wp-block-group has-link-color"><!-- wp:site-logo /-->
<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontSize":"4rem","fontStyle":"normal","fontWeight":"500"}},"fontFamily":"bodoni-moda"} /-->
<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontSize":"4rem","fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"48px"}}},"fontFamily":"bodoni-moda"} /-->
<!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"}}} /-->
<!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"48px"}}},"fontFamily":"merriweather"} /-->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Find me', 'lynx' ); ?></strong></p>
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"32px"}}}} -->
<div class="wp-block-columns" style="margin-top:32px"><!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo esc_html__( 'Find me', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Instagram', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Instagram', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Blog', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Blog', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Tumblr', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Twitter', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Tumblr', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Contact Me', 'lynx' ); ?></strong></p>
<!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo esc_html__( 'Contact Me', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#"><?php echo esc_html__( 'Email', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Email', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'LinkedIn', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'LinkedIn', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Twitter', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Projects', 'lynx' ); ?></strong></p>
<!-- wp:column {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><strong><?php echo esc_html__( 'Projects', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Portfolio', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Portfolio', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><a href="#"><?php echo esc_html__( 'Testimonials', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"fontSize":"small","fontFamily":"merriweather"} -->
<p class="has-merriweather-font-family has-small-font-size"><a href="#"><?php echo esc_html__( 'Testimonials', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>