WordPress.org

Make WordPress Core


Ignore:
Timestamp:
04/24/2019 06:36:58 PM (5 months ago)
Author:
SergeyBiryukov
Message:

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

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

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r45132 r45264  
    742742    .wp-block-columns {
    743743
    744         &.alignfull {
    745             padding-left: $size__spacing-unit;
    746             padding-right: $size__spacing-unit;
    747         }
    748 
    749         @include media(mobile) {
     744        .wp-block-column > * {
     745
     746            &:first-child {
     747                margin-top: 0;
     748            }
     749
     750            &:last-child {
     751                margin-bottom: 0;
     752            }
     753        }
     754
     755        @include media(tablet) {
    750756            flex-wrap: nowrap;
    751         }
    752 
    753         @include media(tablet) {
    754             .wp-block-column > * {
    755 
    756                 &:first-child {
    757                     margin-top: 0;
    758                 }
    759 
    760                 &:last-child {
    761                     margin-bottom: 0;
    762                 }
    763             }
    764 
    765             &[class*='has-'] > * {
    766                 margin-right: $size__spacing-unit;
    767 
    768                 &:last-child {
    769                     margin-right: 0;
    770                 }
    771             }
    772 
    773             &.alignfull,
    774             &.alignfull .wp-block-column {
    775                 padding-left: calc(2 * #{$size__spacing-unit});
    776                 padding-right: calc(2 * #{$size__spacing-unit});
     757
     758            .wp-block-column:not(:first-child) {
     759                margin-left: 32px;
    777760            }
    778761        }
Note: See TracChangeset for help on using the changeset viewer.