Refactor text styles and add padding to groups w border.

Automattic · Aug 25, 2021 · 34fd79b · 34fd79b
1 parent 357f0ce
commit 34fd79b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/skatepark/assets/theme.css b/skatepark/assets/theme.css
diff --git a/skatepark/sass/base/_text.scss b/skatepark/sass/base/_text.scss
@@ -1,4 +1,12 @@
 // Text selection text color
 ::selection {
 	color: var(--wp--preset--color--background);
+}
+
+.wp-block-column, .wp-block-group {
+	> p, > h1, > h2, > h3, > h4, > h5, > h6 {
+		&:first-child {
+			margin-top: 0;
+		}
+	}
 }
diff --git a/skatepark/sass/blocks/_group.scss b/skatepark/sass/blocks/_group.scss
@@ -0,0 +1,3 @@
+.wp-block-group.has-border-color {
+	padding: var(--wp--custom--margin--vertical); 
+}
diff --git a/skatepark/sass/theme.scss b/skatepark/sass/theme.scss
@@ -4,6 +4,7 @@
 @import "base/mixins";
 @import "blocks/author";
 @import "blocks/buttons";
+@import "blocks/group";
 @import "blocks/post-comments";
 @import "blocks/query";
 @import "blocks/search";