diff --git a/modern-business/sass/blocks/_blocks.scss b/modern-business/sass/blocks/_blocks.scss index 021981b83..64c3936bb 100644 --- a/modern-business/sass/blocks/_blocks.scss +++ b/modern-business/sass/blocks/_blocks.scss @@ -872,6 +872,20 @@ } @include media(tablet) { + + .wp-block-column { + margin-left: #{0.5* $size__spacing-unit}; + margin-right: #{0.5* $size__spacing-unit}; + + &:first-child { + margin-left: 0; + } + + &:last-child { + margin-right: 0; + } + } + .wp-block-column > * { &:first-child { @@ -883,19 +897,6 @@ } } - &[class*='has-'] > * { - margin-left: $size__spacing-unit; - margin-right: $size__spacing-unit; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } - &.alignfull { padding-left: calc( 2 * #{$size__spacing-unit} ); padding-right: calc( 2 * #{$size__spacing-unit} ); diff --git a/modern-business/style-jetpack.css b/modern-business/style-jetpack.css index 805e9f0c4..e0e6f317d 100644 --- a/modern-business/style-jetpack.css +++ b/modern-business/style-jetpack.css @@ -77,7 +77,6 @@ /** * Blocks */ - /* Mailchimp Block - Temp Fix */ .wp-block-jetpack-mailchimp input[type="email"] { width: 100%; diff --git a/modern-business/style-rtl.css b/modern-business/style-rtl.css index ee93fabc7..f1b8cd6d4 100644 --- a/modern-business/style-rtl.css +++ b/modern-business/style-rtl.css @@ -4057,7 +4057,7 @@ body.page .main-navigation { .entry .entry-content .wp-block-cover-image, .entry .entry-content .wp-block-cover { position: relative; - min-height: 510px; + min-height: 430px; padding: 1rem; } @@ -4075,7 +4075,7 @@ body.page .main-navigation { .entry .entry-content .wp-block-cover .wp-block-cover-text { color: #fff; font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 2.25em; + font-size: 1.6875em; font-weight: 300; line-height: 1.25; padding: 0; @@ -4286,22 +4286,22 @@ body.page .main-navigation { } @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-columns .wp-block-column { + margin-right: 0.5rem; + margin-left: 0.5rem; + } + .entry .entry-content .wp-block-columns .wp-block-column:first-child { + margin-right: 0; + } + .entry .entry-content .wp-block-columns .wp-block-column:last-child { + margin-left: 0; + } .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .entry .entry-content .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } - .entry .entry-content .wp-block-columns[class*='has-'] > * { - margin-right: 1rem; - margin-left: 1rem; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { - margin-right: 0; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { - margin-left: 0; - } .entry .entry-content .wp-block-columns.alignfull { padding-right: calc( 2 * 1rem); padding-left: calc( 2 * 1rem); diff --git a/modern-business/style.css b/modern-business/style.css index 4277d11d6..c8a1f2109 100644 --- a/modern-business/style.css +++ b/modern-business/style.css @@ -4298,22 +4298,22 @@ body.page .main-navigation { } @media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-columns .wp-block-column { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .entry .entry-content .wp-block-columns .wp-block-column:first-child { + margin-left: 0; + } + .entry .entry-content .wp-block-columns .wp-block-column:last-child { + margin-right: 0; + } .entry .entry-content .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .entry .entry-content .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } - .entry .entry-content .wp-block-columns[class*='has-'] > * { - margin-left: 1rem; - margin-right: 1rem; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child { - margin-left: 0; - } - .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child { - margin-right: 0; - } .entry .entry-content .wp-block-columns.alignfull { padding-left: calc( 2 * 1rem); padding-right: calc( 2 * 1rem);