Changeset 45264 for trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

Timestamp:

04/24/2019 06:36:58 PM (6 years ago)

Author:

SergeyBiryukov

Message:

Twenty Nineteen: Fix padding discrepancies in responsive styles for Column block.

Props kjellr, dianeco.
Fixes #46643, #46999.

File:

• trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -742 +742 @@
     .wp-block-columns {
 
-        &.alignfull {
-            padding-left: $size__spacing-unit;
-            padding-right: $size__spacing-unit;
-        }
-
-        @include media(mobile) {
+        .wp-block-column > * {
+
+            &:first-child {
+                margin-top: 0;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+
+        @include media(tablet) {
             flex-wrap: nowrap;
-        }
-
-        @include media(tablet) {
-            .wp-block-column > * {
-
-                &:first-child {
-                    margin-top: 0;
-                }
-
-                &:last-child {
-                    margin-bottom: 0;
-                }
-            }
-
-            &[class*='has-'] > * {
-                margin-right: $size__spacing-unit;
-
-                &:last-child {
-                    margin-right: 0;
-                }
-            }
-
-            &.alignfull,
-            &.alignfull .wp-block-column {
-                padding-left: calc(2 * #{$size__spacing-unit});
-                padding-right: calc(2 * #{$size__spacing-unit});
+
+            .wp-block-column:not(:first-child) {
+                margin-left: 32px;
             }
         }