Skip to content

Commit

Permalink
Archeo: remove bottom margin from columns (#5645)
Browse files Browse the repository at this point in the history
* Remove bottom margin from columns

* Try adjusting spacing.

* Tidy up mobile padding for the main headline.

* Update image-with-headline-description.php

Co-authored-by: Kjell Reigstad <[email protected]>
  • Loading branch information
mikachan and kjellr authored Mar 11, 2022
1 parent 42321fb commit f9dd31a
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions archeo/inc/patterns/image-with-headline-description.php
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
'categories' => array( 'featured', 'images' ),
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"5vw","bottom":"0","left":"5vw"}}}} -->
<div class="wp-block-group alignfull" style="padding-top:0;padding-right:5vw;padding-bottom:0;padding-left:5vw"><!-- wp:media-text {"mediaLink":"' . esc_url( get_template_directory_uri() ) . '/assets/images/chahk.gif","mediaType":"image","mediaWidth":64,"verticalAlignment":"top"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top" style="grid-template-columns:64% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/chahk.gif" alt="' . esc_attr__( 'Chahk: rain deity', 'archeo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"textAlign":"right","style":{"typography":{"fontSize":"clamp(64px, 6vw, 100px)","lineHeight":"1","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"48px"}}}} -->
<h2 class="has-text-align-right" id="chahk-raindeity" style="font-size:clamp(64px, 6vw, 100px);line-height:1;margin-bottom:48px;text-transform:uppercase">' . wp_kses_post( __( 'Chahk:<br>Rain<br>deity', 'archeo' ) ) . '</h2>
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top" style="grid-template-columns:64% auto"><figure class="wp-block-media-text__media"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/chahk.gif" alt="' . esc_attr__( 'Chahk: rain deity', 'archeo' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"textAlign":"right","style":{"typography":{"fontSize":"clamp(64px, 6vw, 100px)","lineHeight":"1","textTransform":"uppercase"},"spacing":{"margin":{"bottom":"clamp(5px, 2vw, 20px)"}}}} -->
<h2 class="has-text-align-right" id="chahk-raindeity" style="font-size:clamp(64px, 6vw, 100px);line-height:1;margin-bottom:clamp(5px, 2vw, 20px);text-transform:uppercase">' . wp_kses_post( __( 'Chahk:<br>Rain<br>deity', 'archeo' ) ) . '</h2>
<!-- /wp:heading -->
<!-- wp:columns -->
Expand Down
2 changes: 1 addition & 1 deletion archeo/theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@
"custom": {
"spacing": {
"small": "clamp(20px, 4vw, 40px)",
"medium": "clamp(30px, 8vw, 100px)",
"medium": "clamp(48px, 8vw, 100px)",
"large": "clamp(100px, 12vw, 460px)",
"outer": "min(4vw, 90px)"
}
Expand Down

0 comments on commit f9dd31a

Please sign in to comment.