#61 adds site-spacing.css

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;
+}