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

Lynx: Add fluid typography support. (#6572)

Browse source 
* Lynx: Add fluid typography support.

* Lynx: Add names for custom font sizes; remove unnecessary class from a pattern.
This commit is contained in:
alaczek 2022-09-20 10:46:48 +10:00 committed by GitHub
parent 97583131f4
commit de12d33c26
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 121 additions and 91 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
lynx/patterns/link-in-bio-audio-embed.php
View file

@ -15,8 +15,9 @@
<div class="wp-block-group has-black-background-color has-background" style="border-radius:10px"><!-- wp:embed /--></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><strong><?php echo esc_html__( 'Listen to my new album', 'lynx' ); ?></strong></p>
<!-- wp:paragraph {"align":"center","fontSize":"x-small"} -->
<p class="has-text-align-center has-x-small-font-size"><strong><?php echo esc_html__( 'Listen to my new album', 'lynx' ); ?></strong></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->

6
lynx/patterns/link-in-bio-background-image.php
View file

@ -8,15 +8,15 @@
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mountain-sunrise.jpg'; ?>","id":5826,"hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-5826 has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mountain-sunrise.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"border":{"radius":"8px"}},"layout":{"inherit":false,"contentSize":"440px"}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-5826 has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mountain-sunrise.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"440px","type":"constrained"},"style":{"border":{"radius":"8px"}}} -->
<div class="wp-block-group" style="border-radius:8px"><!-- wp:group {"style":{"border":{"radius":"8px"},"color":{"text":"#082167"},"spacing":{"padding":{"top":"60px","right":"60px","bottom":"60px","left":"60px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-white-background-color has-text-color has-background" style="border-radius:8px;color:#082167;padding-top:60px;padding-right:60px;padding-bottom:60px;padding-left:60px"><!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","fontSize":"32px"}}} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"large"} /-->
<!-- wp:site-tagline {"textAlign":"center","style":{"typography":{"fontSize":"1.125rem"}}} /-->
<!-- wp:social-links {"customIconBackgroundColor":"#082167","iconBackgroundColorValue":"#082167","className":"is-style-default","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":{"top":"10px","left":"10px"}}}} -->
<!-- wp:social-links {"customIconBackgroundColor":"#082167","iconBackgroundColorValue":"#082167","style":{"spacing":{"blockGap":{"top":"10px","left":"10px"}}},"className":"is-style-default","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links has-icon-background-color is-style-default"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
<!-- wp:social-link {"url":"#","service":"instagram"} /-->

38
lynx/patterns/link-in-bio-cloud.php
View file

@ -8,40 +8,40 @@
?>
<!-- wp:cover {"overlayColor":"white","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"inherit":false,"contentSize":"640px"}} -->
<div class="wp-block-group"><!-- wp:site-tagline {"style":{"color":{"text":"#00000099"}},"fontSize":"1rem"} /-->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"640px","type":"constrained"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:site-tagline {"style":{"color":{"text":"#00000099"}},"fontSize":"small"} /-->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#f85a9c"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Instagram.', 'lynx' ); ?></a></p>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#f85a9c"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Instagram.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#456eff"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Twitter.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#456eff"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Twitter.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#0833cd"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'LinkedIn.', 'lynx' ); ?></a></p>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#0833cd"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'LinkedIn.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#848484"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Email.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#848484"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Email.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"},"elements":{"link":{"color":{"text":"#e80fc5"}}}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Dribble.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"typography":{"letterSpacing":"-1px","lineHeight":"1.2"},"elements":{"link":{"color":{"text":"#e80fc5"}}}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Dribble.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#e12a2a"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Soundcloud.', 'lynx' ); ?></a></p>
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"10px"}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#e12a2a"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Soundcloud.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#0bb544"}}},"typography":{"fontSize":"4rem","letterSpacing":"-1px","lineHeight":"1.2"}}} -->
<p class="has-link-color" style="font-size:4rem;letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Website.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#0bb544"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.2"><a href="#"><?php echo esc_html__( 'Website.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>

7
lynx/patterns/link-in-bio-colorful-buttons.php
View file

@ -9,15 +9,14 @@
<!-- wp:cover {"customOverlayColor":"#fff1b5","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#fff1b5"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"24px"}}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<div class="wp-block-group"><!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontSize":"5rem"}},"fontFamily":"ibm-plex-mono"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"fontSize":"xx-large","fontFamily":"ibm-plex-mono"} /-->
<!-- wp:site-tagline {"textAlign":"center","style":{"typography":{"fontSize":"1.125rem"}}} /--></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"60px","bottom":"60px"}}},"layout":{"inherit":true}} -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"style":{"spacing":{"margin":{"top":"60px","bottom":"60px"}}}} -->
<div class="wp-block-group" style="margin-top:60px;margin-bottom:60px"><!-- wp:buttons {"style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","width":75,"align":"center","style":{"color":{"background":"#9ce2fe"},"border":{"radius":"100px"}},"className":"is-style-outline has-custom-font","fontFamily":"space-mono"} -->
<div class="wp-block-button aligncenter has-custom-width wp-block-button__width-75 is-style-outline has-custom-font has-space-mono-font-family"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" style="border-radius:100px;background-color:#9ce2fe"><?php echo esc_html__( 'Ep.1 Sunny Side Up', 'lynx' ); ?></a></div>

30
lynx/patterns/link-in-bio-columns-dark.php
View file

@ -10,7 +10,7 @@
<!-- wp:cover {"overlayColor":"black","minHeight":100,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"10vh","right":"5vw","bottom":"10vh","left":"5vw"}}}} -->
<div class="wp-block-cover alignfull" style="padding-top:10vh;padding-right:5vw;padding-bottom:10vh;padding-left:5vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":"40%"}}} -->
<div class="wp-block-columns"><!-- wp:column {"width":"360px","layout":{"inherit":true}} -->
<div class="wp-block-column" style="flex-basis:360px"><!-- wp:site-tagline {"style":{"color":{"text":"#ffffff99"}},"fontSize":"small"} /-->
<div class="wp-block-column" style="flex-basis:360px"><!-- wp:site-tagline {"style":{"color":{"text":"#ffffff99"}},"fontSize":"small"} /-->
<!-- wp:spacer {"height":"5vh"} -->
<div style="height:5vh" aria-hidden="true" class="wp-block-spacer"></div>
@ -18,32 +18,32 @@
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Instagram.', 'lynx' ); ?></a></p>
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Instagram.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Twitter.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Twitter.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'LinkedIn.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'LinkedIn.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Email.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Email.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Dribbble.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Dribbble.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5","fontSize":"3.8rem"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Soundcloud.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Soundcloud.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"3.8rem","letterSpacing":"-1px","lineHeight":"1.5"}}} -->
<p class="has-link-color" style="font-size:3.8rem;letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Website.', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"letterSpacing":"-1px","lineHeight":"1.5"}},"fontSize":"xx-large"} -->
<p class="has-link-color has-xx-large-font-size" style="letter-spacing:-1px;line-height:1.5"><a href="#"><?php echo esc_html__( 'Website.', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>

22
lynx/patterns/link-in-bio-dark-background.php
View file

@ -8,15 +8,15 @@
?>
<!-- wp:cover {"customOverlayColor":"#011a0b","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#011a0b"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"50px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#011a0b"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"50px"}}} -->
<div class="wp-block-group"><!-- wp:site-logo {"className":"is-style-rounded"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:site-title {"isLink":false,"style":{"color":{"text":"#ffffffb3"},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500","letterSpacing":"2px"}}} /-->
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","fontSize":"40px"},"color":{"text":"#dbff00"}},"className":"has-custom-font","fontFamily":"space-mono"} -->
<h2 class="has-text-color has-space-mono-font-family has-custom-font" style="color:#dbff00;font-size:40px;text-transform:uppercase;"><?php echo esc_html__( 'Musician &amp; Songwriter', 'lynx' ); ?></h2>
<!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"},"color":{"text":"#dbff00"}},"className":"has-custom-font","fontSize":"x-large","fontFamily":"space-mono"} -->
<h2 class="has-text-color has-space-mono-font-family has-x-large-font-size" style="color:#dbff00;text-transform:uppercase"><?php echo esc_html__( 'Musician & Songwriter', 'lynx' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
@ -35,7 +35,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
@ -49,7 +49,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
@ -63,7 +63,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
@ -83,7 +83,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
@ -97,7 +97,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->
@ -111,7 +111,7 @@
<!-- /wp:paragraph -->
<!-- wp:image {"width":14,"height":15,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/arrow.png'; ?>" alt="" width="14" height="15"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

6
lynx/patterns/link-in-bio-fixed-background.php
View file

@ -7,13 +7,13 @@
*/
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/hiker.jpg'; ?>","hasParallax":true,"dimRatio":50,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/hiker.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","layout":{"inherit":false,"contentSize":"400px"}} -->
<div class="wp-block-group has-white-color has-text-color has-link-color"><!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"32px"}},"textColor":"white","fontFamily":"fira-sans"} /-->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/hiker.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"400px","type":"constrained"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<div class="wp-block-group has-white-color has-text-color has-link-color"><!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"white","fontSize":"large","fontFamily":"fira-sans"} /-->
<!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"}}} /-->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"background","width":100,"style":{"typography":{"textTransform":"uppercase"}},"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline" style="text-transform:uppercase"><a class="wp-block-button__link has-background-color has-text-color wp-element-button"><?php echo esc_html__( 'Get in touch', 'lynx' ); ?></a></div>

2
lynx/patterns/link-in-bio-gradient-buttons.php
View file

@ -11,7 +11,7 @@
<div class="wp-block-cover alignfull" style="padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"blockGap":"20px","margin":{"bottom":"0"}}}} -->
<div class="wp-block-group" style="margin-bottom:0"><!-- wp:site-logo {"width":130,"isLink":false,"align":"center","className":"is-style-rounded"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"textTransform":"uppercase","fontSize":"69px","lineHeight":"1","fontStyle":"normal","fontWeight":"700"}},"textColor":"background"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"textTransform":"uppercase","lineHeight":"1","fontStyle":"normal","fontWeight":"700"}},"textColor":"background","fontSize":"xx-large"} /-->
<!-- wp:site-tagline {"textAlign":"center","textColor":"background","fontSize":"x-small"} /-->

6
lynx/patterns/link-in-bio-gradient.php
View file

@ -8,13 +8,13 @@
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mesh_gradient.jpg'; ?>","hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mesh_gradient.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/mesh_gradient.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}}} -->
<div class="wp-block-group"><!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontSize":"1.125rem","fontStyle":"normal","fontWeight":"700"}}} /-->
<!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} /-->
<!-- wp:site-tagline {"textAlign":"center","fontSize":"small"} /-->
<!-- wp:site-tagline {"textAlign":"center","fontSize":"x-small"} /-->
<!-- wp:buttons {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"black","width":100,"style":{"border":{"radius":"100px"},"typography":{"textTransform":"uppercase"},"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"className":"is-style-outline","fontSize":"x-small"} -->

22
lynx/patterns/link-in-bio-image-bottom.php
View file

@ -7,27 +7,27 @@
*/
?>
<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
<div class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"margin":{"top":"128px","bottom":"128px"},"blockGap":"32px"}}} -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"margin":{"top":"128px","bottom":"128px"},"blockGap":"28px"}}} -->
<div class="wp-block-group" style="margin-top:128px;margin-bottom:128px"><!-- wp:site-title {"isLink":false,"style":{"typography":{"fontSize":"3rem","fontStyle":"normal","fontWeight":"700"}}} /-->
<!-- wp:site-tagline {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"large"} /-->
<!-- wp:site-tagline {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"medium"} /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}}} -->
<p class="has-link-color"><a href="#"><?php echo esc_html__( 'Instagram', 'lynx' ); ?></a></p>
<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#"><?php echo esc_html__( 'Instagram', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}}} -->
<p class="has-link-color"><a href="#"><?php echo esc_html__( 'Blog', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#"><?php echo esc_html__( 'Blog', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}}} -->
<p class="has-link-color"><a href="#"><?php echo esc_html__( 'Tumblr', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#"><?php echo esc_html__( 'Tumblr', 'lynx' ); ?></a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}}} -->
<p class="has-link-color"><a href="#"><?php echo esc_html__( 'Twitter', 'lynx' ); ?></a></p>
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"#00000080"}}}},"fontSize":"small"} -->
<p class="has-link-color has-small-font-size"><a href="#"><?php echo esc_html__( 'Twitter', 'lynx' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

8
lynx/patterns/link-in-bio-large-heading-columns.php
View file

@ -8,7 +8,7 @@
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/topology_bg.jpg'; ?>","hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/topology_bg.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"940px"}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/topology_bg.jpg'; ?>)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"940px","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
<div class="wp-block-column" style="flex-basis:100%"><!-- wp:site-title {"isLink":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontSize":"11rem","fontStyle":"normal","fontWeight":"300","lineHeight":"0.9"}},"textColor":"white"} /--></div>
@ -39,15 +39,15 @@
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:buttons {"style":{"spacing":{"blockGap":"10px","margin":{"top":"18px","bottom":"18px"}}}} -->
<div class="wp-block-buttons" style="margin-top:18px;margin-bottom:18px"><!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Blog', 'lynx' ); ?>My Blog</strong></a></div>
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Blog', 'lynx' ); ?></strong></a></div>
<!-- /wp:button -->
<!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Store', 'lynx' ); ?>My Store</strong></a></div>
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'My Store', 'lynx' ); ?></strong></a></div>
<!-- /wp:button -->
<!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'Happy News', 'lynx' ); ?>Happy News</strong></a></div>
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size is-style-outline has-small-font-size"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="border-radius:2px;padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px"><strong><?php echo esc_html__( 'Happy News', 'lynx' ); ?></strong></a></div>
<!-- /wp:button -->
<!-- wp:button {"textColor":"white","width":100,"style":{"spacing":{"padding":{"top":"8px","right":"8px","bottom":"8px","left":"8px"}},"border":{"radius":"2px"}},"className":"is-style-outline","fontSize":"small"} -->

7
lynx/patterns/link-in-bio-large-heading.php
View file

@ -7,12 +7,13 @@
*/
?>
<!-- wp:cover {"customOverlayColor":"#502b7f","minHeight":100,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#502b7f"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"inherit":false,"contentSize":"850px"}} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#502b7f"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"850px","type":"constrained"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:site-title {"isLink":false,"style":{"color":{"text":"#ed6e69"},"typography":{"fontSize":"128px","fontStyle":"normal","fontWeight":"900","lineHeight":"1"}}} /-->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"10px"}}} -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:site-tagline {"style":{"color":{"text":"#ffffffbf"}},"fontSize":"small"} /--></div>
<!-- /wp:column -->

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

@ -12,7 +12,7 @@
<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"},"spacing":{"margin":{"top":"48px"}}},"fontFamily":"bodoni-moda"} /-->
<!-- wp:site-title {"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"48px"}}},"fontSize":"xx-large","fontFamily":"bodoni-moda"} /-->
<!-- wp:site-tagline {"style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"48px"}}},"fontFamily":"merriweather"} /-->

10
lynx/patterns/link-in-bio-pattern-bg.php
View file

@ -9,16 +9,14 @@
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/wiggle_pattern.png'; ?>","dimRatio":70,"customOverlayColor":"#fcce08","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"}}}} -->
<div class="wp-block-cover alignfull is-light" style="padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim" style="background-color:#fcce08"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/wiggle_pattern.png'; ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<div class="wp-block-group"><!-- wp:site-logo {"align":"center","className":"is-style-rounded"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontSize":"33px","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"#4c421f"}}},"color":{"text":"#4c421f"}},"fontFamily":"dm-sans"} /-->
<!-- wp:site-title {"textAlign":"center","isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"#4c421f"}}},"color":{"text":"#4c421f"}},"fontSize":"x-large","fontFamily":"dm-sans"} /-->
<!-- wp:site-tagline {"textAlign":"center","style":{"typography":{"fontSize":"1.125rem"}}} /-->
</div>
<!-- wp:site-tagline {"textAlign":"center","fontSize":"x-small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"},"margin":{"top":"20px"}}},"layout":{"inherit":true}} -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"30px","left":"30px"},"margin":{"top":"20px"}}}} -->
<div class="wp-block-group" style="margin-top:20px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","width":25,"align":"center","style":{"border":{"radius":"100px"},"color":{"background":"#fff3d3"}},"fontFamily":"ibm-plex-mono"} -->
<div class="wp-block-button aligncenter has-custom-width wp-block-button__width-25 has-ibm-plex-mono-font-family"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" style="border-radius:100px;background-color:#fff3d3">👀 <?php echo esc_html__( 'Rewatch: ABC Interview', 'lynx' ); ?></a></div>

41
lynx/theme.json
View file

@ -63,6 +63,7 @@
]
},
"typography": {
"fluid": true,
"fontFamilies": [
{
"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
@ -72,24 +73,54 @@
],
"fontSizes": [
{
"fluid": {
"max": "1.125rem",
"min": ".875rem"
},
"name": "Extra Small",
"size": "1rem",
"slug": "x-small"
},
{
"fluid": {
"max": "1.25rem",
"min": "1rem"
},
"size": "1.125rem",
"slug": "small"
},
{
"fluid": {
"max": "1.5rem",
"min": "1.125rem"
},
"size": "1.3rem",
"slug": "medium"
},
{
"fluid": {
"max": "2rem",
"min": "1.5rem"
},
"size": "1.75rem",
"slug": "large"
},
{
"size": "clamp(2.25rem, 6vw, 2.75rem)",
"fluid": {
"max": "2.75rem",
"min": "2rem"
},
"size": "2.5rem",
"slug": "x-large"
},
{
"fluid": {
"max": "4rem",
"min": "2.875rem"
},
"name": "Huge",
"size": "3rem",
"slug": "xx-large"
}
]
},
@ -106,8 +137,8 @@
"width": "2px"
},
"color": {
"background": "var(--wp--preset--color--secondary)",
"text": "var(--wp--preset--color--background)"
"background": "var(--wp--preset--color--foreground)",
"text": "var(--wp--preset--color--secondary)"
},
"spacing": {
"padding": "1.25em 1.15em 1.15em 1.15em"
@ -162,13 +193,13 @@
"h1": {
"typography": {
"lineHeight": "var(--wp--custom--typography--line-height--small)",
"fontSize": "var(--wp--preset--font-size--x-large)"
"fontSize": "var(--wp--preset--font-size--xx-large)"
}
},
"h2": {
"typography": {
"lineHeight": "var(--wp--custom--typography--line-height--small)",
"fontSize": "var(--wp--preset--font-size--large)"
"fontSize": "var(--wp--preset--font-size--x-large)"
}
},
"h3": {