WordPress.org
Get WordPress

Make WordPress Core

Ticket #47340: 47340.diff

File 47340.diff, 8.4 KB (added by kjellr, 5 years ago)

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

     
    228228                padding: 0;
    229229                list-style: none;
    230230
    231                 li {
    232                         color: $color__text-light;
     231                li > a {
    233232                        @include font-family( $font__heading );
    234233                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    235234                        font-weight: bold;
    236235                        line-height: $font__line-height-heading;
    237                         padding-bottom: ( .75 * $size__spacing-unit );
    238 
    239                         &.menu-item-has-children,
    240                         &:last-child {
    241                                 padding-bottom: 0;
    242                         }
    243 
    244                         a {
    245                                 text-decoration: none;
    246                         }
     236                        text-decoration: none;
    247237                }
    248238        }
    249239
    … …  
    270260                @include nestedSubMenuPadding();
    271261        }
    272262
    273         //! Latest posts grid view
    274         .wp-block-latest-posts.is-grid {
     263        //! Latest posts
     264        .wp-block-latest-posts {
     265
     266                .wp-block-latest-posts__post-date {
     267                        @include font-family( $font__heading );
     268                        font-size: $font__size-xs;
     269                        color: $color__text-light;
     270                        line-height: 1.2;
     271                }
     272
     273                .wp-block-latest-posts__post-full-content,
     274                .wp-block-latest-posts__post-excerpt {
     275                        margin-top: $size__spacing-unit;
     276                        margin-bottom: $size__spacing-unit;
     277                }
     278
    275279                li {
     280                        padding-bottom: ( .5 * $size__spacing-unit );
     281
     282                        &.menu-item-has-children,
     283                        &:last-child {
     284                                padding-bottom: 0;
     285                        }
     286
     287                        :not(:last-child) .wp-block-latest-posts__post-excerpt {
     288                                padding-bottom: ( .5 * $size__spacing-unit );
     289                        }
     290                }
     291
     292                &.is-grid li {
    276293                        border-top: 2px solid $color__border;
    277294                        padding-top: (1 * $size__spacing-unit);
    278295                        margin-bottom: (2 * $size__spacing-unit);

  • src/wp-content/themes/twentynineteen/style-editor.css

     
    11721172  list-style-type: none;
    11731173}
    11741174
    1175 ul.wp-block-archives li,
    1176 .wp-block-categories li,
    1177 .wp-block-latest-posts li {
    1178   color: #767676;
     1175ul.wp-block-archives li > a,
     1176.wp-block-categories li > a,
     1177.wp-block-latest-posts li > a {
    11791178  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    11801179  font-size: calc(22px * 1.125);
    11811180  font-weight: bold;
    11821181  line-height: 1.2;
    1183   padding-bottom: 0.75rem;
    1184 }
    1185 
    1186 ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
    1187 .wp-block-categories li.menu-item-has-children,
    1188 .wp-block-categories li:last-child,
    1189 .wp-block-latest-posts li.menu-item-has-children,
    1190 .wp-block-latest-posts li:last-child {
    1191   padding-bottom: 0;
    1192 }
    1193 
    1194 ul.wp-block-archives li a,
    1195 .wp-block-categories li a,
    1196 .wp-block-latest-posts li a {
    11971182  text-decoration: none;
    11981183}
    11991184
    … …  
    12241209  margin-bottom: -0.75rem;
    12251210}
    12261211
    1227 /** === Latest Posts grid view === */
     1212/** === Latest Posts === */
     1213.wp-block-latest-posts .wp-block-latest-posts__post-date {
     1214  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     1215  font-size: 0.71111em;
     1216  color: #767676;
     1217  line-height: 1.2;
     1218}
     1219
     1220.wp-block-latest-posts .wp-block-latest-posts__post-full-content,
     1221.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     1222  margin-top: 22px;
     1223  margin-bottom: 22px;
     1224}
     1225
     1226.wp-block-latest-posts .wp-block-latest-posts__post-full-content > div > p:first-child,
     1227.wp-block-latest-posts .wp-block-latest-posts__post-excerpt > div > p:first-child {
     1228  margin-top: 22px;
     1229}
     1230
     1231.wp-block-latest-posts li {
     1232  padding-bottom: 0.5rem;
     1233}
     1234
     1235.wp-block-latest-posts li.menu-item-has-children, .wp-block-latest-posts li:last-child {
     1236  padding-bottom: 0;
     1237}
     1238
     1239.wp-block-latest-posts li :not(:last-child) .wp-block-latest-posts__post-excerpt {
     1240  padding-bottom: 0.5rem;
     1241}
     1242
    12281243.wp-block-latest-posts.is-grid li {
    12291244  border-top: 2px solid #ccc;
    12301245  padding-top: 1rem;

  • src/wp-content/themes/twentynineteen/style-editor.scss

     
    625625        }
    626626
    627627        li {
    628                 color: $color__text-light;
    629                 @include font-family( $font__heading );
    630                 font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    631                 font-weight: bold;
    632                 line-height: $font__line-height-heading;
    633                 padding-bottom: ( .75 * $size__spacing-unit );
    634628
    635                 &.menu-item-has-children,
    636                 &:last-child {
    637                         padding-bottom: 0;
    638                 }
    639 
    640                 a {
     629                > a {
     630                        @include font-family( $font__heading );
     631                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
     632                        font-weight: bold;
     633                        line-height: $font__line-height-heading;
    641634                        text-decoration: none;
    642635                }
    643636
    … …  
    662655
    663656}
    664657
    665 /** === Latest Posts grid view === */
    666 .wp-block-latest-posts.is-grid {
     658/** === Latest Posts === */
     659.wp-block-latest-posts {
     660
     661        .wp-block-latest-posts__post-date {
     662                @include font-family( $font__heading );
     663                font-size: $font__size-xs;
     664                color: $color__text-light;
     665                line-height: 1.2;
     666        }
     667
     668        .wp-block-latest-posts__post-full-content,
     669        .wp-block-latest-posts__post-excerpt {
     670                margin-top: $font__size_base;
     671                margin-bottom: $font__size_base;
     672
     673                > div > p:first-child {
     674                        margin-top: $font__size_base;
     675                }
     676        }
     677
     678        li {
     679                padding-bottom: ( .5 * $size__spacing-unit );
     680
     681                &.menu-item-has-children,
     682                &:last-child {
     683                        padding-bottom: 0;
     684                }
     685
     686                :not(:last-child) .wp-block-latest-posts__post-excerpt {
     687                        padding-bottom: ( .5 * $size__spacing-unit );
     688                }
     689        }
     690
     691        &.is-grid {
    667692                li {
    668693                        border-top: 2px solid $color__border;
    669694                        padding-top: (1 * $size__spacing-unit);
    … …  
    681706                        }
    682707                }
    683708        }
     709}
    684710
    685711/** === Latest Comments === */
    686712

  • src/wp-content/themes/twentynineteen/style-rtl.css

     
    54725472  list-style: none;
    54735473}
    54745474
    5475 .entry .entry-content .wp-block-archives li,
    5476 .entry .entry-content .wp-block-categories li,
    5477 .entry .entry-content .wp-block-latest-posts li {
    5478   color: #767676;
     5475.entry .entry-content .wp-block-archives li > a,
     5476.entry .entry-content .wp-block-categories li > a,
     5477.entry .entry-content .wp-block-latest-posts li > a {
    54795478  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    54805479  font-size: calc(22px * 1.125);
    54815480  font-weight: bold;
    54825481  line-height: 1.2;
    5483   padding-bottom: 0.75rem;
    5484 }
    5485 
    5486 .entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
    5487 .entry .entry-content .wp-block-categories li.menu-item-has-children,
    5488 .entry .entry-content .wp-block-categories li:last-child,
    5489 .entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
    5490 .entry .entry-content .wp-block-latest-posts li:last-child {
    5491   padding-bottom: 0;
    5492 }
    5493 
    5494 .entry .entry-content .wp-block-archives li a,
    5495 .entry .entry-content .wp-block-categories li a,
    5496 .entry .entry-content .wp-block-latest-posts li a {
    54975482  text-decoration: none;
    54985483}
    54995484
    … …  
    55225507  counter-increment: submenu;
    55235508}
    55245509
     5510.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date {
     5511  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     5512  font-size: 0.71111em;
     5513  color: #767676;
     5514  line-height: 1.2;
     5515}
     5516
     5517.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-full-content,
     5518.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     5519  margin-top: 1rem;
     5520  margin-bottom: 1rem;
     5521}
     5522
     5523.entry .entry-content .wp-block-latest-posts li {
     5524  padding-bottom: 0.5rem;
     5525}
     5526
     5527.entry .entry-content .wp-block-latest-posts li.menu-item-has-children, .entry .entry-content .wp-block-latest-posts li:last-child {
     5528  padding-bottom: 0;
     5529}
     5530
     5531.entry .entry-content .wp-block-latest-posts li :not(:last-child) .wp-block-latest-posts__post-excerpt {
     5532  padding-bottom: 0.5rem;
     5533}
     5534
    55255535.entry .entry-content .wp-block-latest-posts.is-grid li {
    55265536  border-top: 2px solid #ccc;
    55275537  padding-top: 1rem;