Lynx: Add fluid typography support. (#6572)

* Lynx: Add fluid typography support.

* Lynx: Add names for custom font sizes; remove unnecessary class from a pattern.

lynx/patterns/link-in-bio-audio-embed.php

@@ -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 -->

lynx/patterns/link-in-bio-background-image.php

@@ -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"} /-->

lynx/patterns/link-in-bio-cloud.php

@@ -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>

lynx/patterns/link-in-bio-colorful-buttons.php

@@ -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>

lynx/patterns/link-in-bio-columns-dark.php

@@ -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>

lynx/patterns/link-in-bio-dark-background.php

@@ -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 -->
 

lynx/patterns/link-in-bio-fixed-background.php

@@ -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>

lynx/patterns/link-in-bio-gradient-buttons.php

@@ -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"} /-->
 

lynx/patterns/link-in-bio-gradient.php

@@ -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"} -->

lynx/patterns/link-in-bio-image-bottom.php

@@ -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 -->

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

@@ -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"} -->

lynx/patterns/link-in-bio-large-heading.php

@@ -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 -->
 

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

@@ -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"} /-->
 

lynx/patterns/link-in-bio-pattern-bg.php

@@ -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>

lynx/theme.json

@@ -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": {