From a256e70d5512dffadd3875665ed134134e257046 Mon Sep 17 00:00:00 2001
From: Takashi Irie <takashi@automattic.com>
Date: Wed, 22 May 2019 20:14:55 +0100
Subject: [PATCH] Modern Business: Add a utility css class for spacer block

---
 modern-business/sass/blocks/_blocks.scss | 11 +++++++++++
 modern-business/style-rtl.css            | 10 ++++++++++
 modern-business/style.css                | 10 ++++++++++
 3 files changed, 31 insertions(+)

diff --git a/modern-business/sass/blocks/_blocks.scss b/modern-business/sass/blocks/_blocks.scss
index 6d99a6d25..e34982127 100644
--- a/modern-business/sass/blocks/_blocks.scss
+++ b/modern-business/sass/blocks/_blocks.scss
@@ -805,6 +805,17 @@
 		}
 	}
 
+	//! Spacer
+	.wp-block-spacer {
+		&.desktop-only {
+			display: none;
+
+			@include media(tablet) {
+				display: block;
+			}
+		}
+	}
+
 	//! Twitter Embed
 	.wp-block-embed-twitter {
 		word-break: break-word;
diff --git a/modern-business/style-rtl.css b/modern-business/style-rtl.css
index 0e1cc7cd3..1bc3a61ab 100644
--- a/modern-business/style-rtl.css
+++ b/modern-business/style-rtl.css
@@ -4255,6 +4255,16 @@ body.page .main-navigation {
   display: none;
 }
 
+.entry .entry-content .wp-block-spacer.desktop-only {
+  display: none;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-spacer.desktop-only {
+    display: block;
+  }
+}
+
 .entry .entry-content .wp-block-embed-twitter {
   word-break: break-word;
 }
diff --git a/modern-business/style.css b/modern-business/style.css
index 0fbe45bd6..510aa319c 100644
--- a/modern-business/style.css
+++ b/modern-business/style.css
@@ -4267,6 +4267,16 @@ body.page .main-navigation {
   display: none;
 }
 
+.entry .entry-content .wp-block-spacer.desktop-only {
+  display: none;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-spacer.desktop-only {
+    display: block;
+  }
+}
+
 .entry .entry-content .wp-block-embed-twitter {
   word-break: break-word;
 }