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

Commit be11610

Browse files
roykhoroykho
authored
Update pattern alignments (#9410)
* Update pattern alignments * Add explicit margin * Try this * Explicitly set margins * Remove is-light class
1 parent faf6391 commit be11610

1 file changed

Lines changed: 52 additions & 95 deletions

File tree

‎patterns/shop-by-price.php‎

Lines changed: 52 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -6,110 +6,67 @@
66
*/
77
?>
88
<!-- wp:columns {"align":"wide"} -->
9-
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","layout":{"type":"constrained"}} -->
10-
<div class="wp-block-column" style="flex-basis:25%">
11-
<!-- 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"}} -->
12-
<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">
13-
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#e09300"></span>
9+
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","layout":{"type":"default"}} -->
10+
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#e09300","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","className":"has-background-color has-text-color","style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}}} -->
11+
<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:#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":"5px"}}},"textColor":"base"} -->
12+
<p class="has-text-align-left has-base-color has-text-color" style="margin-top:0px;margin-bottom:5px;font-size:0.7em;line-height:1">Up to</p>
13+
<!-- /wp:paragraph -->
1414

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

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

27-
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
28-
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
29-
<strong>Outdoor Furniture &amp; Accessories</strong>
30-
</p>
31-
<!-- /wp:paragraph -->
32-
</div>
33-
<!-- /wp:column -->
25+
<!-- wp:column {"width":"25%"} -->
26+
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#6f64f1","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","className":"has-background-color has-text-color","style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}}} -->
27+
<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","bottom":"5px"}}},"textColor":"base"} -->
28+
<p class="has-text-align-left has-base-color has-text-color" style="margin-top:0px;margin-bottom:5px;font-size:0.7em;line-height:1">Under</p>
29+
<!-- /wp:paragraph -->
3430

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

45-
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
46-
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
47-
<strong>$15</strong>
48-
</p>
49-
<!-- /wp:paragraph -->
50-
</div>
51-
</div>
52-
<!-- /wp:cover -->
36+
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"textColor":"contrast","fontSize":"small"} -->
37+
<p class="has-text-align-center has-contrast-color has-text-color has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Summer Dinning</strong></p>
38+
<!-- /wp:paragraph --></div>
39+
<!-- /wp:column -->
5340

54-
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
55-
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
56-
<strong>Summer Dinning</strong>
57-
</p>
58-
<!-- /wp:paragraph -->
59-
</div>
60-
<!-- /wp:column -->
41+
<!-- wp:column {"width":"25%"} -->
42+
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#c1d21c","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","className":"has-background-color has-text-color","style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}}} -->
43+
<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:#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","bottom":"5px"}}},"textColor":"base"} -->
44+
<p class="has-text-align-left has-base-color has-text-color" style="margin-top:0px;margin-bottom:5px;font-size:0.7em;line-height:1">Under</p>
45+
<!-- /wp:paragraph -->
6146

62-
<!-- wp:column {"width":"25%"} -->
63-
<div class="wp-block-column" style="flex-basis:25%">
64-
<!-- wp:cover {"customOverlayColor":"#c1d21c","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em"}},"textColor":"background","layout":{"type":"default"}} -->
65-
<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">
66-
<span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#c1d21c"></span>
67-
<div class="wp-block-cover__inner-container">
68-
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
69-
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Under</p>
70-
<!-- /wp:paragraph -->
47+
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"4px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"base","fontSize":"large"} -->
48+
<p class="has-base-color has-text-color has-large-font-size" style="margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1"><strong>$25</strong></p>
49+
<!-- /wp:paragraph --></div></div>
50+
<!-- /wp:cover -->
7151

72-
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
73-
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
74-
<strong>$25</strong>
75-
</p>
76-
<!-- /wp:paragraph -->
77-
</div>
78-
</div>
79-
<!-- /wp:cover -->
52+
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"textColor":"contrast","fontSize":"small"} -->
53+
<p class="has-text-align-center has-contrast-color has-text-color has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Women's Styles</strong></p>
54+
<!-- /wp:paragraph --></div>
55+
<!-- /wp:column -->
8056

81-
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
82-
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
83-
<strong>Women's Styles</strong>
84-
</p>
85-
<!-- /wp:paragraph -->
86-
</div>
87-
<!-- /wp:column -->
57+
<!-- wp:column {"width":"25%"} -->
58+
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"customOverlayColor":"#10ca99","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","className":"has-background-color has-text-color","style":{"spacing":{"blockGap":"0.8em","padding":{"top":"0.8em"}}}} -->
59+
<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:#10ca99"></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":"5px"}}},"textColor":"base"} -->
60+
<p class="has-text-align-left has-base-color has-text-color" style="margin-top:0px;margin-bottom:5px;font-size:0.7em;line-height:1">Under</p>
61+
<!-- /wp:paragraph -->
8862

89-
<!-- wp:column {"width":"25%"} -->
90-
<div class="wp-block-column" style="flex-basis:25%">
91-
<!-- wp:cover {"customOverlayColor":"#10ca99","minHeight":130,"minHeightUnit":"px","contentPosition":"top left","isDark":false,"style":{"spacing":{"blockGap":"0.8em"}},"textColor":"background","layout":{"type":"default"}} -->
92-
<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">
93-
<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">
94-
<!-- wp:paragraph {"align":"left","placeholder":"Write title…","style":{"typography":{"fontSize":"0.7em","lineHeight":"0"}},"textColor":"background"} -->
95-
<p class="has-text-align-left has-background-color has-text-color" style="font-size:0.7em;line-height:0">Under</p>
96-
<!-- /wp:paragraph -->
63+
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"},"spacing":{"margin":{"top":"4px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"base","fontSize":"large"} -->
64+
<p class="has-base-color has-text-color has-large-font-size" style="margin-top:4px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1"><strong>$20</strong></p>
65+
<!-- /wp:paragraph --></div></div>
66+
<!-- /wp:cover -->
9767

98-
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0"}},"textColor":"background","fontSize":"large"} -->
99-
<p class="has-background-color has-text-color has-large-font-size" style="line-height:0">
100-
<strong>$20</strong>
101-
</p>
102-
<!-- /wp:paragraph -->
103-
</div>
104-
</div>
105-
<!-- /wp:cover -->
106-
107-
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"fontSize":"small"} -->
108-
<p class="has-text-align-center has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px">
109-
<strong>Kids' Styles</strong>
110-
</p>
111-
<!-- /wp:paragraph -->
112-
</div>
113-
<!-- /wp:column -->
114-
</div>
68+
<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}},"textColor":"contrast","fontSize":"small"} -->
69+
<p class="has-text-align-center has-contrast-color has-text-color has-small-font-size" style="margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px"><strong>Kids' Styles</strong></p>
70+
<!-- /wp:paragraph --></div>
71+
<!-- /wp:column --></div>
11572
<!-- /wp:columns -->

0 commit comments

Comments
 (0)