Browse Source

Skatepark: Add custom padding to cover block

Sarah Norris 3 years ago
parent
commit
c8e4f5790e
3 changed files with 8 additions and 0 deletions
  1. 4 0
      skatepark/assets/theme.css
  2. 3 0
      skatepark/sass/blocks/_cover.scss
  3. 1 0
      skatepark/sass/theme.scss

+ 4 - 0
skatepark/assets/theme.css

@@ -139,6 +139,10 @@ p {
 	letter-spacing: 0.1em;
 }
 
+.wp-block-cover {
+	padding: clamp(2em, 15%, 8em);
+}
+
 .wp-block-post-comments .reply a {
 	--wp--custom--button--typography--font-size: var(--wp--preset--font-size--normal);
 	border-style: var(--wp--custom--button--border--style);

+ 3 - 0
skatepark/sass/blocks/_cover.scss

@@ -0,0 +1,3 @@
+.wp-block-cover {
+	padding: clamp(2em, 15%, 8em);
+}

+ 1 - 0
skatepark/sass/theme.scss

@@ -5,6 +5,7 @@
 @import "blocks/author";
 @import "../../blockbase/sass/blocks/_buttons-outline-style";
 @import "blocks/buttons";
+@import "blocks/cover";
 @import "blocks/post-comments";
 @import "blocks/post-title";
 @import "blocks/query";