Browse Source

improved spacing for skatepark, refactored headings spacings on BB

Maggie 3 years ago
parent
commit
f8ca35d142

+ 1 - 1
blockbase/assets/ponyfill.css

@@ -137,7 +137,7 @@ body.admin-bar .wp-site-blocks {
 	background-color: var(--wp--custom--color--selection);
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p {
 	margin-top: var(--wp--custom--margin--vertical);
 	margin-bottom: var(--wp--custom--margin--vertical);
 }

+ 1 - 1
blockbase/sass/base/_text.scss

@@ -7,7 +7,7 @@
 	background-color: var(--wp--custom--color--selection);
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p {
 	margin-top: var(--wp--custom--margin--vertical);
 	margin-bottom: var(--wp--custom--margin--vertical);
 }

+ 36 - 0
blockbase/theme.json

@@ -479,6 +479,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "48px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -487,6 +493,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "32px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -495,6 +507,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -503,6 +521,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -511,6 +535,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -519,6 +549,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

+ 36 - 0
mayland-blocks/theme.json

@@ -508,6 +508,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "41.47px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -516,6 +522,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -524,6 +536,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -532,6 +550,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "24px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -540,6 +564,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -548,6 +578,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

+ 1 - 1
quadrat/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "quadrat",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

+ 36 - 0
quadrat/theme.json

@@ -584,6 +584,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(48px, 7vw), 80px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -592,6 +598,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(36px, 6vw), 65px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -600,6 +612,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(28px, 5vw), 38px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -608,6 +626,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "20px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -616,6 +640,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "18px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -624,6 +654,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": 1.4,
 					"fontSize": "16px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

+ 36 - 0
seedlet-blocks/theme.json

@@ -542,6 +542,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "48px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h2": {
@@ -550,6 +556,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "32px"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -558,6 +570,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--huge)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -566,6 +584,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -574,6 +598,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--normal)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -582,6 +612,12 @@
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {

+ 7 - 3
skatepark/block-templates/page.html

@@ -4,9 +4,13 @@
 <div class="wp-block-group" style="padding-top:2.5em"><!-- wp:post-title {"level":1,"align":"wide"} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"tagName":"main"} -->
-<main class="wp-block-group">
-<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /-->
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<main class="wp-block-group" style="padding-bottom:5em">
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<div class="wp-block-group" style="padding-bottom:5em">
+<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /--></div>
+<!-- /wp:group -->
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 

+ 7 - 3
skatepark/block-templates/single.html

@@ -6,12 +6,16 @@
 
 <!-- wp:group {"tagName":"main"} -->
 <main class="wp-block-group">
-<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /-->
+
+<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"5em"}}}} -->
+<div class="wp-block-group" style="padding-bottom:5em">
+<!-- wp:post-featured-image {"align":"full","style":{"color":{"duotone":["#000","#B9FB9C"]}}} /--></div>
+<!-- /wp:group -->
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"3em","bottom":"3em"}}},"layout":{"inherit":true}} -->
-<div class="wp-block-group" style="padding-top:3em;padding-bottom:3em">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"5em","bottom":"3em"}}},"layout":{"inherit":true}} -->
+<div class="wp-block-group" style="padding-top:5em;padding-bottom:3em">
 <!-- wp:columns {"align":"wide"} -->
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"58%"} -->
 	<div class="wp-block-column" style="flex-basis:58%"><!-- wp:separator {"className":"is-style-wide"} -->

+ 6 - 0
skatepark/child-theme.json

@@ -319,6 +319,12 @@
 					"fontSize": "min(max(48px, 7vw), 72px)",
 					"fontWeight": "700",
 					"lineHeight": 1.2
+				},
+				"spacing": {
+					"margin": {
+						"top": "calc( 1.1 * var(--wp--custom--margin--vertical) )",
+						"bottom": "calc( 1.1 * var(--wp--custom--margin--vertical) )"
+					}
 				}
 			},
 			"h2": {

+ 36 - 0
skatepark/theme.json

@@ -559,6 +559,12 @@
 					"fontWeight": "700",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(48px, 7vw), 72px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "calc( 1.1 * var(--wp--custom--margin--vertical) )",
+						"bottom": "calc( 1.1 * var(--wp--custom--margin--vertical) )"
+					}
 				}
 			},
 			"h2": {
@@ -567,6 +573,12 @@
 					"fontWeight": "900",
 					"lineHeight": 1.2,
 					"fontSize": "min(max(36px, 5vw), 64px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h3": {
@@ -575,6 +587,12 @@
 					"fontWeight": "900",
 					"lineHeight": 1.3,
 					"fontSize": "min(max(30px, 5vw), 48px)"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h4": {
@@ -585,6 +603,12 @@
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h5": {
@@ -595,6 +619,12 @@
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"h6": {
@@ -605,6 +635,12 @@
 					"fontSize": "var(--wp--preset--font-size--tiny)",
 					"letterSpacing": "0.1em",
 					"textTransform": "uppercase"
+				},
+				"spacing": {
+					"margin": {
+						"top": "var(--wp--custom--margin--vertical)",
+						"bottom": "var(--wp--custom--margin--vertical)"
+					}
 				}
 			},
 			"link": {