From 77c71af3773a0128f3a23402ab1cc807b757bf3f Mon Sep 17 00:00:00 2001 From: Jack Lenox Date: Fri, 11 Dec 2020 13:59:47 +0000 Subject: [PATCH] TT1 Blocks: Migrate columns styles Adds the column styles needed for TT1 as part of #82 Closes #115 --- twentytwentyone-blocks/assets/css/blocks.css | 22 +++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/twentytwentyone-blocks/assets/css/blocks.css b/twentytwentyone-blocks/assets/css/blocks.css index dcefc43f..98f11c3c 100644 --- a/twentytwentyone-blocks/assets/css/blocks.css +++ b/twentytwentyone-blocks/assets/css/blocks.css @@ -10,6 +10,26 @@ # Columns --------------------------------------------------------------*/ +.wp-block-columns .wp-block-column > * { + margin-top: calc(0.66 * var(--wp--custom--spacing--vertical)); + margin-bottom: calc(0.66 * var(--wp--custom--spacing--vertical)); +} + +@media screen and (min-width: 482px) { + .wp-block-columns .wp-block-column > * { + margin-top: var(--wp--custom--spacing--vertical); + margin-bottom: var(--wp--custom--spacing--vertical); + } +} + +.wp-block-columns .wp-block-column *:first-child { + margin-top: 0; +} + +.wp-block-columns .wp-block-column *:last-child { + margin-bottom: 0; +} + @media screen and (min-width: 652px) { .is-style-twentytwentyone-columns-overlap .wp-block-column { flex-grow: 1; @@ -243,4 +263,4 @@ h1.wp-block-site-title a:not(:hover):not(:focus):not(:active) { .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { background: none; -} \ No newline at end of file +}