feat: customize group block border styles for some themes (#917)

Automattic · May 17, 2020 · c20dd6b · c20dd6b
1 parent 80580bb
commit c20dd6b
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 1 deletion.
diff --git a/newspack-joseph/sass/style-editor.scss b/newspack-joseph/sass/style-editor.scss
@@ -26,6 +26,10 @@ Newspack Sacha Editor Styles
 	}
 }
 
+.wp-block-group.is-style-border {
+	border: 3px double currentColor;
+}
+
 /* Separator */
 .wp-block-separator {
 	&:not( .is-style-dots ) {

diff --git a/newspack-joseph/sass/style.scss b/newspack-joseph/sass/style.scss
@@ -318,6 +318,10 @@ textarea {
 	}
 }
 
+.wp-block-group.is-style-border {
+	border: 3px double currentColor;
+}
+
 //! Pullquote
 .wp-block-pullquote {
 	border: 0;

diff --git a/newspack-katharine/sass/style-editor.scss b/newspack-katharine/sass/style-editor.scss
@@ -207,3 +207,8 @@ hr {
 		}
 	}
 }
+
+.wp-block-group.is-style-border {
+	border-style: dotted;
+	border-color: $color__text-main;
+}
diff --git a/newspack-katharine/sass/style.scss b/newspack-katharine/sass/style.scss
@@ -244,7 +244,8 @@ figcaption,
 }
 
 //! Columns Block
-.wp-block-columns.is-style-borders .wp-block-column::after {
+.wp-block-columns.is-style-borders .wp-block-column::after,
+.wp-block-group.is-style-border {
 	border-style: dotted;
 	border-color: $color__text-main;
 }

diff --git a/newspack-nelson/sass/style-editor.scss b/newspack-nelson/sass/style-editor.scss
@@ -66,6 +66,10 @@ blockquote {
 	font-weight: 800;
 }
 
+.wp-block-group.is-style-border {
+	border-color: currentColor;
+}
+
 .wp-block[data-type='core/pullquote'] {
 	.wp-block-pullquote {
 		border-width: 16px 0 4px;

diff --git a/newspack-nelson/sass/style.scss b/newspack-nelson/sass/style.scss
@@ -317,6 +317,11 @@ blockquote {
 	font-weight: 800;
 }
 
+//! Group Block
+.wp-block-group.is-style-border {
+	border-color: currentColor;
+}
+
 //! Newspack Article Block
 .wpnbha {
 	article .entry-meta {