From 935574abdd21723c0dd60cf177b54c9c31cac1fe Mon Sep 17 00:00:00 2001 From: Aaron Robertshaw <60436221+aaronrobertshaw@users.noreply.github.com> Date: Fri, 1 Apr 2022 15:48:36 +1000 Subject: [PATCH] Attempt to clear border support styles on mobile --- packages/block-library/src/columns/style.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/packages/block-library/src/columns/style.scss b/packages/block-library/src/columns/style.scss index eb7e7d18072044..1b1430eb863180 100644 --- a/packages/block-library/src/columns/style.scss +++ b/packages/block-library/src/columns/style.scss @@ -71,6 +71,20 @@ } } } + + &:where(:not(.is-not-stacked-on-mobile)) { + @media (max-width: #{ ($break-medium - 1) }) { + & > .wp-block-column[class*="has-border-"], // Clear when color defined. + & > .wp-block-column[style*="border-style"], // Clear when border style set. + & > .wp-block-column[style*="border-width"], + & > .wp-block-column[style*="border-top-width"], + & > .wp-block-column[style*="border-right-width"], + & > .wp-block-column[style*="border-bottom-width"], + & > .wp-block-column[style*="border-left-width"] { + border-width: 0 !important; + } + } + } } // Add low specificity default padding to columns blocks with backgrounds.