WordPress.org

Make WordPress Core

Ticket #47044: 47044.diff

File 47044.diff, 3.0 KB (added by ianbelanger, 5 weeks ago)

Adds padding to all items in column block, except images

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

     
    752752                        }
    753753                }
    754754
     755                .wp-block-column:first-child > *:not(.wp-block-image),
     756                .wp-block-column:last-child > *:not(.wp-block-image) {
     757                        padding: 0 1rem;
     758                }
     759
    755760                @include media(tablet) {
    756761                        flex-wrap: nowrap;
    757762
    758763                        .wp-block-column:not(:first-child) {
    759764                                margin-left: 32px;
    760765                        }
     766
     767                        .wp-block-column:first-child > *:not(.wp-block-image) {
     768                                padding-left: 60px;
     769                        }
     770
     771                        .wp-block-column:last-child > *:not(.wp-block-image) {
     772                                padding-right: 60px;
     773                        }
    761774                }
    762775        }
    763776
  • src/wp-content/themes/twentynineteen/style-rtl.css

     
    60376037  margin-bottom: 0;
    60386038}
    60396039
     6040.entry .entry-content .wp-block-columns .wp-block-column:first-child > *:not(.wp-block-image) {
     6041  padding-right: 1rem;
     6042}
     6043
     6044.entry .entry-content .wp-block-columns .wp-block-column:last-child > *:not(.wp-block-image) {
     6045  padding-left: 1rem;
     6046}
     6047
    60406048@media only screen and (min-width: 768px) {
    60416049  .entry .entry-content .wp-block-columns {
    60426050    flex-wrap: nowrap;
     
    60446052  .entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
    60456053    margin-right: 32px;
    60466054  }
     6055  .entry .entry-content .wp-block-columns .wp-block-column:first-child > *:not(.wp-block-image) {
     6056    padding-right: 60px;
     6057  }
     6058  .entry .entry-content .wp-block-columns .wp-block-column:last-child > *:not(.wp-block-image) {
     6059    padding-left: 60px;
     6060  }
    60476061}
    60486062
    60496063.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  • src/wp-content/themes/twentynineteen/style.css

     
    60496049  margin-bottom: 0;
    60506050}
    60516051
     6052.entry .entry-content .wp-block-columns .wp-block-column:first-child > *:not(.wp-block-image),
     6053.entry .entry-content .wp-block-columns .wp-block-column:last-child > *:not(.wp-block-image) {
     6054  padding: 0 1rem;
     6055}
     6056
    60526057@media only screen and (min-width: 768px) {
    60536058  .entry .entry-content .wp-block-columns {
    60546059    flex-wrap: nowrap;
     
    60566061  .entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
    60576062    margin-left: 32px;
    60586063  }
     6064  .entry .entry-content .wp-block-columns .wp-block-column:first-child > *:not(.wp-block-image) {
     6065    padding-left: 60px;
     6066  }
     6067  .entry .entry-content .wp-block-columns .wp-block-column:last-child > *:not(.wp-block-image) {
     6068    padding-right: 60px;
     6069  }
    60596070}
    60606071
    60616072.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {