From 8eba5094d442dcb46af4b8fc2717ac9cdf1d2d3d Mon Sep 17 00:00:00 2001
From: Jules <jules@thinkshout.com>
Date: Wed, 28 Feb 2024 20:57:16 -0800
Subject: [PATCH] #61 adds site-spacing.css

---
 assets/css/_elements/site-spacing.css | 63 +++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 assets/css/_elements/site-spacing.css

diff --git a/assets/css/_elements/site-spacing.css b/assets/css/_elements/site-spacing.css
new file mode 100644
index 000000000..446584a4e
--- /dev/null
+++ b/assets/css/_elements/site-spacing.css
@@ -0,0 +1,63 @@
+/* Paragraph or section-level spacing. */
+/* See the wiki for detailed variations: https://github.com/thinkshout/ts_grid/wiki/Vertical-Spacing*/
+.friendly {
+	@apply ts-my-block;
+}
+.unfriendly {
+	@apply py-xl md:py-3xl;
+}
+
+/* LAYOUTS FOR GUTENBERG TEXT BLOCKS */
+/* Centered layout */
+.article-body {
+	& > .wp-block-heading,
+	& > .wp-block-embed,
+	& > .wp-block-pullquote,
+	& > .wp-block-quote,
+	& > .wp-block-separator,
+	& > p,
+	& > ul,
+	& > ol {
+		@apply p-site lg:p-0 lg:max-w-[788px] lg:mx-auto;
+	}
+
+	.wp-block-image img {
+		@apply mx-auto;
+	}
+}
+.wp-block-columns:not(.alignfull,.alignwide, .wp-block-columns-is-layout-flex) {
+	@apply p-site md:max-w-[788px] md:mx-auto;
+}
+.wp-block-columns-is-layout-flex {
+	@apply p-site md:max-w-[788px];
+}
+
+/* Sets block containers */
+.landing-content,
+.page-template-default,
+.post-template-default {
+	.ts-block-container {
+		@apply p-site xl:container;
+	}
+}
+
+/* End layout for GB blocks */
+
+.article-body > .ts-lovey + p,
+.article-body > .ts-lovey + ol,
+.article-body > .ts-lovey + ul,
+.article-body > .ts-lovey + .wp-block-heading,
+.article-body > p + .ts-lovey,
+.article-body > ol + .ts-lovey,
+.article-body > ul + .ts-lovey,
+.article-body > .wp-block-heading + .ts-lovey {
+	@apply mt-4xl;
+}
+
+.article-body .ts-block-container {
+	@apply p-site xl:container;
+}
+
+.wp-block-columns.alignwide {
+	@apply xl:container;
+}