From 019cd029de4a23f766e87280d8f3fbd8a2bb08fb Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Wed, 14 Nov 2018 11:06:23 -0500 Subject: [PATCH 1/3] Add padding to column blocks to match the editor. --- sass/blocks/_blocks.scss | 11 +++++++++++ style-rtl.css | 6 ++++++ style.css | 10 ++++++++++ 3 files changed, 27 insertions(+) diff --git a/sass/blocks/_blocks.scss b/sass/blocks/_blocks.scss index 02e6676d..46bb015b 100644 --- a/sass/blocks/_blocks.scss +++ b/sass/blocks/_blocks.scss @@ -700,6 +700,17 @@ margin-right: 0; } } + + &.alignfull, + &.alignfull .wp-block-column { + padding-left: calc(2 * #{$size__spacing-unit}); + padding-right: calc(2 * #{$size__spacing-unit}); + } + } + + &.alignfull, { + padding-left: $size__spacing-unit; + padding-right: $size__spacing-unit; } } diff --git a/style-rtl.css b/style-rtl.css index c6b52d50..66596bc7 100755 --- a/style-rtl.css +++ b/style-rtl.css @@ -4363,6 +4363,12 @@ body.page .main-navigation { } } +.entry .entry-content .wp-block-columns.alignfull, +.entry .entry-content .wp-block-columns.alignfull .wp-block-column { + padding-right: calc( 2* 1rem); + padding-left: calc( 2* 1rem); +} + .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold; diff --git a/style.css b/style.css index 111480f3..72c141a7 100755 --- a/style.css +++ b/style.css @@ -4373,6 +4373,16 @@ body.page .main-navigation { .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { margin-right: 0; } + .entry .entry-content .wp-block-columns.alignfull, + .entry .entry-content .wp-block-columns.alignfull .wp-block-column { + padding-left: calc(2 * 1rem); + padding-right: calc(2 * 1rem); + } +} + +.entry .entry-content .wp-block-columns.alignfull { + padding-left: 1rem; + padding-right: 1rem; } .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { From 0c1d25fd524fd248ff236b25ae52036905929216 Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Wed, 14 Nov 2018 11:42:34 -0500 Subject: [PATCH 2/3] Update style-rtl.css --- style-rtl.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/style-rtl.css b/style-rtl.css index 66596bc7..2de77f14 100755 --- a/style-rtl.css +++ b/style-rtl.css @@ -4361,12 +4361,16 @@ body.page .main-navigation { .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { margin-left: 0; } + .entry .entry-content .wp-block-columns.alignfull, + .entry .entry-content .wp-block-columns.alignfull .wp-block-column { + padding-right: calc(2 * 1rem); + padding-left: calc(2 * 1rem); + } } -.entry .entry-content .wp-block-columns.alignfull, -.entry .entry-content .wp-block-columns.alignfull .wp-block-column { - padding-right: calc( 2* 1rem); - padding-left: calc( 2* 1rem); +.entry .entry-content .wp-block-columns.alignfull { + padding-right: 1rem; + padding-left: 1rem; } .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { From 8b183414b12fd1ed431a55980bc0b79d8c8f422c Mon Sep 17 00:00:00 2001 From: Kjell Reigstad Date: Fri, 16 Nov 2018 10:11:28 -0500 Subject: [PATCH 3/3] Minor code cleanup --- sass/blocks/_blocks.scss | 10 +++++----- style-rtl.css | 10 +++++----- style.css | 10 +++++----- 3 files changed, 15 insertions(+), 15 deletions(-) diff --git a/sass/blocks/_blocks.scss b/sass/blocks/_blocks.scss index 46bb015b..32a522ac 100644 --- a/sass/blocks/_blocks.scss +++ b/sass/blocks/_blocks.scss @@ -681,6 +681,11 @@ //! Columns .wp-block-columns { + &.alignfull { + padding-left: $size__spacing-unit; + padding-right: $size__spacing-unit; + } + @include media(tablet) { .wp-block-column > * { @@ -707,11 +712,6 @@ padding-right: calc(2 * #{$size__spacing-unit}); } } - - &.alignfull, { - padding-left: $size__spacing-unit; - padding-right: $size__spacing-unit; - } } //! Latest Comments diff --git a/style-rtl.css b/style-rtl.css index 2de77f14..c5cfbbb2 100755 --- a/style-rtl.css +++ b/style-rtl.css @@ -4348,6 +4348,11 @@ body.page .main-navigation { word-break: break-word; } +.entry .entry-content .wp-block-columns.alignfull { + padding-right: 1rem; + padding-left: 1rem; +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; @@ -4368,11 +4373,6 @@ body.page .main-navigation { } } -.entry .entry-content .wp-block-columns.alignfull { - padding-right: 1rem; - padding-left: 1rem; -} - .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold; diff --git a/style.css b/style.css index 72c141a7..dfe0a51b 100755 --- a/style.css +++ b/style.css @@ -4360,6 +4360,11 @@ body.page .main-navigation { word-break: break-word; } +.entry .entry-content .wp-block-columns.alignfull { + padding-left: 1rem; + padding-right: 1rem; +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; @@ -4380,11 +4385,6 @@ body.page .main-navigation { } } -.entry .entry-content .wp-block-columns.alignfull { - padding-left: 1rem; - padding-right: 1rem; -} - .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-weight: bold;