Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Update pattern alignments #9410

Merged
merged 5 commits into from
May 9, 2023
Merged

Update pattern alignments #9410

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
e420393
Update pattern alignments
roykho May 9, 2023
2140ad5
Add explicit margin
roykho May 9, 2023
f447ebf
Try this
roykho May 9, 2023
5a747b1
Explicitly set margins
roykho May 9, 2023
019cc45
Remove is-light class
roykho May 9, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
147 changes: 52 additions & 95 deletions patterns/shop-by-price.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,110 +6,67 @@
*/
?>
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","layout":{"type":"constrained"}} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:cover {"customOverlayColor":"#e09300","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em","padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;min-height:130px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#e09300"></span>
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#e09300","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em","padding":{"right":"1em","bottom":"1em","left":"1em","top":"0.8em"}}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="padding-top:0.8em;padding-right:1em;padding-bottom:1em;padding-left:1em;min-height:130px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#e09300"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"1"},"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="margin-top:0px;margin-bottom:0px;font-size:0.7em;line-height:1">Up to</p>
<!-- /wp:paragraph -->

<div class="wp-block-cover__inner-container">
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Up to</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"2px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1"><strong>30% Off</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0"><strong>30% Off</strong></p>
<!-- /wp:paragraph -->
</div>
</div>
<!-- /wp:cover -->
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Outdoor Furniture &amp; Accessories</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
<strong>Outdoor Furniture &amp; Accessories</strong>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#6f64f1","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover has-custom-content-position is-position-top-left has-background-color has-text-color" style="padding-top:0.8em;min-height:130px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#6f64f1"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"1"},"spacing":{"margin":{"top":"0px"}}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="margin-top:0px;font-size:0.7em;line-height:1">Under</p>
<!-- /wp:paragraph -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:cover {"customOverlayColor":"#6f64f1","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","style":{"spacing":{"blockGap":"0.8em"}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover has-custom-content-position is-position-top-left has-background-color has-text-color" style="min-height:130px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#6f64f1"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Under</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"2px"}}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="margin-top:2px;line-height:1"><strong>$15</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
<strong>$15</strong>
</p>
<!-- /wp:paragraph -->
</div>
</div>
<!-- /wp:cover -->
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Summer Dinning</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
<strong>Summer Dinning</strong>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#c1d21c","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="padding-top:0.8em;min-height:130px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#c1d21c"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"1"},"spacing":{"margin":{"top":"0px"}}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="margin-top:0px;font-size:0.7em;line-height:1">Under</p>
<!-- /wp:paragraph -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:cover {"customOverlayColor":"#c1d21c","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em"}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="min-height:130px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#c1d21c"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Under</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"2px"}}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="margin-top:2px;line-height:1"><strong>$25</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
<strong>$25</strong>
</p>
<!-- /wp:paragraph -->
</div>
</div>
<!-- /wp:cover -->
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Women's Styles</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
<strong>Women's Styles</strong>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#10ca99","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="padding-top:0.8em;min-height:130px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#10ca99"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"1"}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:1">Under</p>
<!-- /wp:paragraph -->

<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%">
<!-- wp:cover {"customOverlayColor":"#10ca99","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em"}},"textColor":"background","layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-left has-background-color has-text-color" style="min-height:130px">
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#10ca99"></span><div class="wp-block-cover__inner-container">
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Under</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"2px"}}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="margin-top:2px;line-height:1"><strong>$20</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
<strong>$20</strong>
</p>
<!-- /wp:paragraph -->
</div>
</div>
<!-- /wp:cover -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
<strong>Kids' Styles</strong>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Kids' Styles</strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->