WordPress.org

Make WordPress Core

Changeset 43860


Ignore:
Timestamp:
11/02/2018 11:52:16 PM (13 months ago)
Author:
allancole
Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.

Location:
branches/5.0/src/wp-content/themes/twentynineteen
Files:
2 added
29 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

    r43842 r43860  
    198198            'fb.me',
    199199        ),
     200        'feed'    => array(
     201            'feed',
     202        ),
    200203        'google-plus' => array(
    201204            'plus.google.com',
     205        ),
     206        'mail'   => array(
     207            'mailto:',
    202208        ),
    203209        'slideshare'  => array(
  • branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php

    r43842 r43860  
    3636                            $comment_author_link = get_comment_author_link( $comment );
    3737                            $comment_author_url  = get_comment_author_url( $comment );
     38                            $comment_author      = get_comment_author( $comment );
    3839                            $avatar              = get_avatar( $comment, $args['avatar_size'] );
    3940                            if ( 0 != $args['avatar_size'] ) {
     
    4142                                    echo $avatar;
    4243                                } else {
    43                                     echo preg_replace( '/>[^<]+</', sprintf( '>%s<', $avatar ), $comment_author_link );
     44                                    printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
     45                                    echo $avatar;
    4446                                }
    4547                            }
     
    5759                            printf(
    5860                                __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
    59                                 sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
     61                                sprintf( '<span class="fn">%s</span>', $comment_author )
    6062                            );
     63
     64                            if ( ! empty( $comment_author_url ) ) {
     65                                echo '</a>';
     66                            }
    6167                        ?>
    6268                    </div><!-- .comment-author -->
  • branches/5.0/src/wp-content/themes/twentynineteen/comments.php

    r43842 r43860  
    1414
    1515/*
    16 If the current post is protected by a password and
     16 * If the current post is protected by a password and
    1717 * the visitor has not yet entered the password we will
    1818 * return early without loading the comments.
  • branches/5.0/src/wp-content/themes/twentynineteen/footer.php

    r43842 r43860  
    1919        <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
    2020        <div class="site-info">
    21             <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
     21            <?php $blog_info = get_bloginfo( 'name' ); ?>
     22            <?php if ( ! empty( $blog_info ) ) : ?>
    2223                <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
    2324            <?php endif; ?>
    2425            <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
    25                 <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
     26                <?php
     27                /* translators: %s: WordPress. */
     28                printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
     29                ?>
    2630            </a>
    2731            <?php
  • branches/5.0/src/wp-content/themes/twentynineteen/functions.php

    r43842 r43860  
    8484        );
    8585
     86        // Add theme support for selective refresh for widgets.
     87        add_theme_support( 'customize-selective-refresh-widgets' );
     88
    8689        // Add support for Block Styles
    8790        add_theme_support( 'wp-block-styles' );
     
    9699        add_editor_style( 'style-editor.css' );
    97100
    98         // Add custom color to the editor color palette
     101        // Editor color palette
    99102        add_theme_support(
    100         'editor-color-palette',
     103            'editor-color-palette',
    101104            array(
    102105                array(
    103106                    'name'  => esc_html__( 'Primary Color', 'twentynineteen' ),
    104107                    'slug'  => 'primary',
    105                     'color' => twentynineteen_hsl_hex( absint( get_theme_mod( 'colorscheme_hue', 199 ) ), 100, 33 ),
     108                    'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
    106109                ),
    107110            )
    108111        );
     112
     113        // Add support for responsive embedded content
     114        add_theme_support( 'responsive-embeds' );
    109115
    110116    }
     
    121127    register_sidebar(
    122128        array(
    123             'name'          => __( 'Footer 1', 'twentynineteen' ),
     129            'name'          => __( 'Footer', 'twentynineteen' ),
    124130            'id'            => 'sidebar-1',
    125131            'description'   => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
     
    161167    if ( has_nav_menu( 'menu-1' ) ) {
    162168        wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
    163         $twentynineteen_l10n['expand']   = __( 'Expand child menu', 'twentynineteen' );
    164         $twentynineteen_l10n['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
    165     }
    166 
    167     wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $twentynineteen_l10n );
     169        $l10n_skip_link_focus_fix['expand']   = __( 'Expand child menu', 'twentynineteen' );
     170        $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
     171        wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
     172    }
    168173
    169174    wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
     
    182187 * Enqueue supplemental block editor styles
    183188 */
    184 function twentynineteen_editor_frame_styles() {
    185 
    186     // Include color patterns
     189function twentynineteen_editor_customizer_styles() {
     190
     191    wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
     192
     193    if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
     194        // Include color patterns
     195        require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
     196        wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
     197    }
     198}
     199add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
     200
     201/**
     202 * Display custom color CSS in customizer and on frontend.
     203 */
     204function twentynineteen_colors_css_wrap() {
     205
     206    // Only include custom colors in customizer or frontend
     207    if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
     208        return;
     209    }
     210
    187211    require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
    188212
    189     wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
    190     wp_add_inline_style( 'twentynineteen-editor-frame-styles', twentynineteen_custom_colors_css() );
    191 }
    192 add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
    193 
    194 /**
    195  * Display custom color CSS in customizer and on frontend.
    196  */
    197 function twentynineteen_colors_css_wrap() {
    198     if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) {
    199         return;
    200     }
    201 
    202     require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
    203     $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
     213    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
     214        $primary_color = 199;
     215    } else {
     216        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
     217    }
    204218    ?>
    205219
    206     <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $hue . '"' : ''; ?>>
     220    <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
    207221        <?php echo twentynineteen_custom_colors_css(); ?>
    208222    </style>
  • branches/5.0/src/wp-content/themes/twentynineteen/image.php

    r43842 r43860  
    101101    </section><!-- .content-area -->
    102102
    103 <?php get_footer(); ?>
     103<?php
     104get_footer();
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43842 r43860  
    1313function twentynineteen_custom_colors_css() {
    1414
    15     $default_primary_color       = 199;
    16     $primary_color               = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
     15    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
     16        $primary_color = 199;
     17    } else {
     18        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
     19    }
    1720
    1821    /**
     
    2427     */
    2528
    26     $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    27     $reduced_saturation = ( .8 * $saturation ) . '%';
    28     $saturation = $saturation . '%';
     29    $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30    $saturation      = $saturation . '%';
     31
     32    $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     33    $lightness       = $lightness . '%';
     34
     35    $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     36    $lightness_hover = $lightness_hover . '%';
    2937
    3038    $theme_css = '
     
    5563        .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    5664        .entry-content .wp-block-file .wp-block-file__button {
    57             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     65            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    5866        }
    5967
     
    9098        .entry-content > *[class^="wp-block-"] .has-primary-color,
    9199        .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    92             color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     100            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    93101        }
    94102
     
    100108        .entry-content .wp-block-quote:not(.is-large),
    101109        .entry-content .wp-block-quote:not(.is-style-large) {
    102             border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     110            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    103111        }
    104112
     
    123131        input[type="color"]:focus,
    124132        textarea:focus {
    125             border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     133            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    126134        }
    127135
    128136        .gallery-item > div > a:focus {
    129             box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     137            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    130138        }
    131139
     
    140148        #cancel-comment-reply-link:hover,
    141149        .widget a:hover {
    142             color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     150            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    143151        }
    144152
     
    149157        .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    150158        .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    151             background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     159            background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    152160        }';
    153161
     
    165173        .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
    166174        .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
    167             color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     175            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    168176        }
    169177
    170178        .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
    171179        .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
    172             border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     180            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    173181        }
    174182
    175183        .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    176             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     184            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    177185        }
    178186
     
    182190        .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
    183191        .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    184             background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
     192            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    185193        }
    186194
     
    188196        .editor-block-list__layout .editor-block-list__block a:hover,
    189197        .editor-block-list__layout .editor-block-list__block a:active {
    190             color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
     198            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    191199        }
    192200
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php

    r43842 r43860  
    5050        'colorscheme',
    5151        array(
    52             'type'    => 'radio',
     52            'type'     => 'radio',
    5353            'label'    => __( 'Color Scheme', 'twentynineteen' ),
    5454            'choices'  => array(
    55                 'default'  => __( 'Default', 'twentynineteen' ),
    56                 'custom' => __( 'Custom', 'twentynineteen' ),
     55                'default'  => _x( 'Default', 'color scheme', 'twentynineteen' ),
     56                'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
    5757            ),
    5858            'section'  => 'colors',
     
    6363    // Add primary color setting and control.
    6464    $wp_customize->add_setting(
    65         'colorscheme_hue',
     65        'colorscheme_primary_hue',
    6666        array(
    6767            'default'           => 199,
     
    7474        new WP_Customize_Color_Control(
    7575            $wp_customize,
    76             'colorscheme_hue',
     76            'colorscheme_primary_hue',
    7777            array(
    78                 'label'       => __( 'Primary Color' ),
    79                 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
     78                'label'       => __( 'Primary Color', 'twentynineteen' ),
     79                'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
    8080                'section'     => 'colors',
    8181                'mode'        => 'hue',
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php

    r43842 r43860  
    7474    function twentynineteen_entry_footer() {
    7575
    76         // Posted by
    77         twentynineteen_posted_by();
    78 
    79         // Posted on
    80         twentynineteen_posted_on();
    81 
    82         // Hide category and tag text for pages.
     76        // Hide author, post date, category and tag text for pages.
    8377        if ( 'post' === get_post_type() ) {
     78
     79            // Posted by
     80            twentynineteen_posted_by();
     81
     82            // Posted on
     83            twentynineteen_posted_on();
     84
    8485            /* translators: used between list items, there is a space after the comma. */
    8586            $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
     
    99100                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
    100101                printf(
    101                     '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
     102                    '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
    102103                    twentynineteen_get_icon_svg( 'tag', 16 ),
    103104                    esc_html__( 'Tags:', 'twentynineteen' ),
     
    155156            ?>
    156157
    157             <figure class="post-thumbnail">
    158                 <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
    159                     <?php
    160                     the_post_thumbnail(
    161                         'post-thumbnail',
    162                         array(
    163                             'alt' => the_title_attribute(
    164                                 array( 'echo' => false )
    165                             ),
    166                         )
    167                     );
    168                     ?>
    169                 </a>
    170             </figure><!-- .post-thumbnail -->
     158        <figure class="post-thumbnail">
     159            <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
     160                <?php
     161                the_post_thumbnail( 'post-thumbnail' );
     162                ?>
     163            </a>
     164        </figure>
    171165
    172166            <?php
  • branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js

    r43842 r43860  
    1313        // Only show the color hue control when there's a custom color scheme.
    1414        wp.customize( 'colorscheme', function( setting ) {
    15             wp.customize.control( 'colorscheme_hue', function( control ) {
     15            wp.customize.control( 'colorscheme_primary_hue', function( control ) {
    1616                var visibility = function() {
    1717                    if ( 'custom' === setting.get() ) {
  • branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js

    r43842 r43860  
    2525
    2626    // Primary color.
    27     wp.customize( 'colorscheme_hue', function( value ) {
     27    wp.customize( 'colorscheme_primary_hue', function( value ) {
    2828        value.bind( function( to ) {
    2929
  • branches/5.0/src/wp-content/themes/twentynineteen/package.json

    r43808 r43860  
    3535    "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
    3636    "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
    37     "build:style-editor-frame": "node-sass style-editor-frame.scss style-editor-frame.css --output-style expanded && postcss -r style-editor-frame.css",
     37    "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
    3838    "build:rtl": "rtlcss style.css style-rtl.css",
    3939    "build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r43842 r43860  
    33.entry-content > *,
    44.entry-summary > * {
     5    @include postContentMaxWidth();
    56
    67    margin: 32px $size__spacing-unit;
    7     max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
    88
    99    @include media(tablet) {
    1010        margin: 32px calc(2 * (100vw / 12));
    11         max-width: calc(8 * (100vw / 12));
    12     }
    13 
    14     @include media(desktop) {
    15         max-width: calc(6 * (100vw / 12));
    16     }
    17 
     11    }
    1812/*
    1913    // Set top margins for headings
     
    123117                max-width: (0.33 * $desktop_width);
    124118            }
     119        }
     120
     121        &.aligncenter {
     122            margin: 32px calc(2 * (100vw / 12));
     123            max-width: calc(6 * (100vw / 12));
    125124        }
    126125    }
     
    195194            color: $color__text-light;
    196195            font-family: $font__heading;
    197             font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
     196            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    198197            font-weight: bold;
    199198            line-height: $font__line-height-heading;
    200            
     199
    201200            &:not(.menu-item-has-children) {
    202201                padding-bottom: ( .75 * $size__spacing-unit );
     
    206205                text-decoration: none;
    207206            }
    208            
     207
    209208            ul {
    210209                padding-left: $size__spacing-unit;
     
    460459        }
    461460
     461        &.aligncenter {
     462            margin: 32px calc(2 * (100vw / 12));
     463            max-width: calc(6 * (100vw / 12));
     464        }
     465
    462466        &.has-left-content {
    463467            justify-content: center;
     
    498502        margin: 0;
    499503        padding: ( $size__spacing-unit * .5 );
    500         text-align: left;
     504        text-align: center;
    501505    }
    502506
     
    506510        margin-bottom: (2 * $size__spacing-unit);
    507511        margin-top: (2 * $size__spacing-unit);
     512        text-align: left;
    508513
    509514        &:not(.is-style-dots) {
     
    527532        }
    528533
    529         &.is-style-dots:before {
    530             color: $color__text-light;
    531             font-size: $font__size-lg;
    532             letter-spacing: $font__size-sm;
    533             padding-left: $font__size-sm;
     534        &.is-style-dots {
     535            @include postContentMaxWidth();
     536            text-align: center;
     537
     538            &:before {
     539                color: $color__text-light;
     540                font-size: $font__size-lg;
     541                letter-spacing: $font__size-sm;
     542                padding-left: $font__size-sm;
     543            }
    534544        }
    535545    }
     
    589599        code {
    590600            font-size: $font__size-md;
     601            white-space: pre-wrap;
     602                        word-break: break-word;
    591603        }
    592604    }
     
    654666
    655667        p,
    656         h1, 
     668        h1,
    657669        h2,
    658670        h3,
    659671        h4,
    660672        h5,
    661         h6, 
     673        h6,
    662674        a {
    663675            color: $color__background-body;
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss

    r43808 r43860  
    99}
    1010
    11 .wp-caption .wp-caption-text {
    12     margin: calc(0.875 * #{$size__spacing-unit}) 0;
    13 }
    14 
    1511.wp-caption-text {
     12    color: $color__text-light;
     13    font-size: $font__size-xs;
     14    font-family: $font__heading;
     15    line-height: $font__line-height-pre;
     16    margin: 0;
     17    padding: ( $size__spacing-unit * .5 );
    1618    text-align: center;
    1719}
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

    r43842 r43860  
    4343        opacity: .8;
    4444        z-index: 3;
    45        
     45
    4646        /* Browsers supporting mix-blend-mode don't need opacity < 1 */
    4747        @supports (mix-blend-mode: multiply) {
     
    8888}
    8989
     90/* Calculates maximum width for post content */
     91@mixin postContentMaxWidth() {
     92    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     93
     94    @include media(tablet) {
     95        max-width: calc(8 * (100vw / 12));
     96    }
     97
     98    @include media(desktop) {
     99        max-width: calc(6 * (100vw / 12));
     100    }
     101}
     102
    90103@import "utilities";
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss

    r43808 r43860  
    11.alignleft {
     2    /*rtl:ignore*/
    23    float: left;
    34    margin-right: $size__spacing-unit;
     
    56
    67.alignright {
     8    /*rtl:ignore*/
    79    float: right;
    810    margin-left: $size__spacing-unit;
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

    r43842 r43860  
    6868                }
    6969
    70                 &:not(:last-child) {
    71 
    72                     .mobile-submenu-expand,
    73                     .desktop-submenu-expand {
    74                         margin-right: #{0.5 * $size__spacing-unit};
    75                     }
     70                .mobile-submenu-expand,
     71                .desktop-submenu-expand {
     72                    margin-right: #{0.5 * $size__spacing-unit};
    7673                }
    7774            }
     
    128125                }
    129126
    130                 &:not(:last-child) {
    131 
    132                     .mobile-submenu-expand,
    133                     .desktop-submenu-expand {
    134                         margin-right: 0;
    135                     }
     127                .mobile-submenu-expand,
     128                .desktop-submenu-expand {
     129                    margin-right: 0;
    136130                }
    137131
     
    207201    .main-menu .menu-item-has-children .sub-menu:hover,
    208202    .main-menu .menu-item-has-children .sub-menu:focus {
    209         display: table;
    210         margin-top: 0;
    211         opacity: 1;
    212 
    213203        /* Non-mobile position */
    214204        @include media(tablet) {
     205            display: table;
     206            margin-top: 0;
     207            opacity: 1;
    215208            position: absolute;
    216209            left: 0;
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

    r43842 r43860  
    6262
    6363    .site-featured-image .entry-header {
    64 
     64        margin-top: calc( 4 * #{$size__spacing-unit});
    6565        margin-bottom: 0;
    6666        margin-left: 0;
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

    r43842 r43860  
    22
    33.site-header {
     4    padding: 1em;
    45
    5     padding: 1em;
     6    &.featured-image {
     7        display: flex;
     8        flex-direction: column;
     9        justify-content: space-between;
     10        min-height: 90vh;
     11
     12        .site-branding-container {
     13            margin-bottom: auto;
     14        }
     15    }
    616
    717    @include media(tablet) {
     
    1020
    1121        &.featured-image {
    12             display: flex;
    1322            min-height: 100vh;
    14             flex-direction: column;
    15             justify-content: space-between;
    1623            margin-bottom: 3rem;
    17 
    18             .site-branding-container {
    19                 margin-bottom: auto;
    20             }
    2124        }
    2225    }
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

    r43842 r43860  
    123123        margin-top: 0;
    124124    }
     125
     126    .pingback {
     127
     128        .comment-body {
     129            color: $color__text-light;
     130            font-family: $font__heading;
     131            font-size: $font__size-xs;
     132            font-weight: 500;
     133            margin-bottom: $size__spacing-unit;
     134
     135            a:not(.comment-edit-link) {
     136                font-weight: bold;
     137                font-size: $font__size-base / (1 * $font__size-ratio);
     138                line-height: 1.5;
     139                padding-right: #{0.5 * $size__spacing-unit};
     140                display: block;
     141            }
     142
     143            .comment-edit-link {
     144                color: $color__text-light;
     145                font-family: $font__heading;
     146                font-weight: 500;
     147            }
     148        }
     149    }
    125150}
    126151
     
    151176    }
    152177
    153     &:hover > .comment-body > .comment-meta > .comment-metadata {
    154         > .edit-link-sep,
    155         > .edit-link {
    156             opacity: 1;
    157         }
    158     }
    159 
    160178    .comment-body {
    161179        margin: calc(2 * #{$size__spacing-unit}) 0;
     
    164182    .comment-meta {
    165183        position: relative;
     184
     185        @include media(tablet) {
     186            display: flex;
     187        }
    166188    }
    167189
     
    169191
    170192        @include media(tablet) {
    171             display: inline-block;
     193            flex: 0 0 auto;
    172194            vertical-align: baseline;
    173195        }
     
    232254
    233255        @include media(tablet) {
    234             display: inline-block;
     256            flex: 1 0 auto;
    235257            margin-left: $size__spacing-unit;
    236258            position: relative;
     
    262284            color: $color__text-light;
    263285            margin: 0 0.2em;
    264             opacity: 0;
    265             transition: opacity 200ms ease-in-out;
    266286            vertical-align: baseline;
    267287        }
     
    269289        .edit-link {
    270290            color: $color__text-light;
    271             transition: opacity 200ms ease-in-out;
    272             opacity: 0;
    273291
    274292            svg {
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

    r43842 r43860  
    2929            color: $color__text-light;
    3030            font-family: $font__heading;
    31             font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
     31            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    3232            font-weight: bold;
    3333            line-height: $font__line-height-heading;
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css

    r43842 r43860  
    11/*!
    22Twenty Nineteen Editor Styles
    3 
    4 NOTE: Styling alignment styles require use of [data-align] selectors.
    5 This is not ideal, but it works. Styles using those selectors should be refactored
    6 when Gutenberg supports styling those variations more intuitively.
    73*/
    84/** === Includes === */
     
    106 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    117 * layers of box-shadow to add the border visually, which will render the border smoother. */
     8/* Calculates maximum width for post content */
     9/** === Editor Frame === */
     10@media screen and (min-width: 600px) {
     11  body .wp-block[data-align="full"] {
     12    width: calc( 100% + 90px);
     13    max-width: calc( 100% + 90px);
     14  }
     15}
     16
     17@media only screen and (min-width: 768px) {
     18  body {
     19    overflow-x: hidden;
     20  }
     21  body .editor-writing-flow {
     22    max-width: 80%;
     23    margin: 0 10%;
     24  }
     25  body .editor-post-title__block,
     26  body .editor-default-block-appender,
     27  body .editor-block-list__block {
     28    margin-left: 0;
     29    margin-right: 0;
     30  }
     31  body .wp-block[data-align="wide"] {
     32    width: 100%;
     33  }
     34  body .wp-block[data-align="full"] {
     35    position: relative;
     36    left: calc( -12.5% - 14px);
     37    width: calc( 125% + 116px);
     38    max-width: calc( 125% + 116px);
     39  }
     40  body .wp-block[data-align="right"] {
     41    max-width: 125%;
     42  }
     43}
     44
    1245/** === Content Width === */
    1346.wp-block {
    1447  width: calc(100vw - (2 * 1rem));
     48  max-width: 100%;
    1549}
    1650
     
    2559    width: calc(6 * (100vw / 12 ));
    2660  }
     61}
     62
     63.wp-block .wp-block {
     64  width: 100%;
    2765}
    2866
     
    137175}
    138176
     177/** === Post Title === */
     178.editor-post-title__block:before {
     179  background: #767676;
     180  content: "\020";
     181  display: block;
     182  height: 2px;
     183  margin: 1rem 0;
     184  width: 1em;
     185}
     186
     187.editor-post-title__block:before {
     188  width: 2.8125em;
     189  margin-top: 0;
     190  margin-bottom: 0;
     191  margin-left: 1em;
     192  position: relative;
     193  top: 0.5em;
     194}
     195
     196.editor-post-title__block .editor-post-title__input {
     197  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     198  font-size: 2.8125em;
     199}
     200
     201/** === Default Appender === */
     202.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
     203  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     204  font-size: 22px;
     205}
     206
    139207/** === Paragraph === */
    140208.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
     
    155223}
    156224
    157 .wp-block-cover.has-left-content {
    158   justify-content: center;
    159 }
    160 
    161225.wp-block-cover.has-left-content h2,
    162226.wp-block-cover.has-left-content .wp-block-cover-text {
     
    164228}
    165229
    166 .wp-block-cover.has-right-content {
    167   justify-content: center;
    168 }
    169 
    170230.wp-block-cover.has-right-content h2,
    171231.wp-block-cover.has-right-content .wp-block-cover-text {
     
    173233}
    174234
    175 body[data-type="core/cover"][data-align="left"] h2,
    176 body[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
    177 body[data-type="core/cover"][data-align="right"] h2,
    178 body[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
     235.wp-block[data-type="core/cover"][data-align="left"] h2,
     236.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
     237.wp-block[data-type="core/cover"][data-align="right"] h2,
     238.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
    179239  width: 100%;
    180240  max-width: 305px;
     
    182242
    183243@media only screen and (min-width: 1168px) {
    184   body[data-type="core/cover"][data-align="wide"] h2,
    185   body[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
    186   body[data-type="core/cover"][data-align="full"] h2,
    187   body[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
     244  .wp-block[data-type="core/cover"][data-align="wide"] h2,
     245  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     246  .wp-block[data-type="core/cover"][data-align="full"] h2,
     247  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
    188248    padding: 0;
    189249    width: calc(6 * (100vw / 12));
     
    293353}
    294354
    295 body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    296 body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
    297 body[data-type="core/pullquote"] p,
    298 body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    299 body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    300 body[data-type="core/pullquote"][data-align="left"] p,
    301 body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    302 body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    303 body[data-type="core/pullquote"][data-align="right"] p {
     355.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     356.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
     357.wp-block[data-type="core/pullquote"] p,
     358.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     359.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     360.wp-block[data-type="core/pullquote"][data-align="left"] p,
     361.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     362.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     363.wp-block[data-type="core/pullquote"][data-align="right"] p {
    304364  font-size: 1.6875em;
    305365  font-style: italic;
     
    310370
    311371@media only screen and (min-width: 768px) {
    312   body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    313   body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
    314   body[data-type="core/pullquote"] p,
    315   body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    316   body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    317   body[data-type="core/pullquote"][data-align="left"] p,
    318   body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    319   body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    320   body[data-type="core/pullquote"][data-align="right"] p {
     372  .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     373  .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
     374  .wp-block[data-type="core/pullquote"] p,
     375  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     376  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     377  .wp-block[data-type="core/pullquote"][data-align="left"] p,
     378  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     379  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     380  .wp-block[data-type="core/pullquote"][data-align="right"] p {
    321381    font-size: 2.25em;
    322382  }
    323383}
    324384
    325 body[data-type="core/pullquote"] .wp-block-pullquote__citation,
    326 body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
    327 body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
     385.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
     386.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     387.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
    328388  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    329389  font-size: 0.71111em;
     
    332392}
    333393
    334 body[data-type="core/pullquote"] em,
    335 body[data-type="core/pullquote"][data-align="left"] em,
    336 body[data-type="core/pullquote"][data-align="right"] em {
     394.wp-block[data-type="core/pullquote"] em,
     395.wp-block[data-type="core/pullquote"][data-align="left"] em,
     396.wp-block[data-type="core/pullquote"][data-align="right"] em {
    337397  font-style: normal;
    338398}
    339399
    340 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
    341 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
     400.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
     401.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
    342402  max-width: 50%;
    343403}
    344404
    345 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
    346 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
     405.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
     406.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
    347407  padding: 0;
    348408}
    349409
    350 body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
    351 body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
     410.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
     411.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
    352412  padding: 1em;
    353413}
    354414
    355 body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    356 body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
    357 body[data-type="core/pullquote"][data-align="left"] p,
    358 body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
    359 body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
    360 body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
    361 body[data-type="core/pullquote"][data-align="right"] p,
    362 body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
     415.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     416.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     417.wp-block[data-type="core/pullquote"][data-align="left"] p,
     418.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     419.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     420.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     421.wp-block[data-type="core/pullquote"][data-align="right"] p,
     422.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
    363423  text-align: left;
    364424}
     
    406466  color: #767676;
    407467  font-size: 1.6875em;
    408   letter-spacing: 0.88889em;
     468  letter-spacing: calc(2 * 1rem);
     469  padding-left: calc(2 * 1rem);
    409470}
    410471
     
    428489.wp-block-latest-posts li {
    429490  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    430   font-size: 1.6875em;
     491  font-size: calc(22px * 1.125);
    431492  font-weight: bold;
    432493  line-height: 1.2;
     
    493554/* Properly center-align captions in the classic-editor block */
    494555.wp-caption dd {
     556  color: #767676;
     557  font-size: 0.71111em;
     558  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     559  line-height: 1.6;
     560  margin: 0;
     561  padding: 0.5rem;
     562  text-align: left;
    495563  text-align: center;
    496564  -webkit-margin-start: 0px;
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

    r43842 r43860  
    11/*!
    22Twenty Nineteen Editor Styles
    3 
    4 NOTE: Styling alignment styles require use of [data-align] selectors.
    5 This is not ideal, but it works. Styles using those selectors should be refactored
    6 when Gutenberg supports styling those variations more intuitively.
    73*/
    84
     
    139@import "sass/mixins/mixins-master";
    1410
     11/** === Editor Frame === */
     12
     13body {
     14
     15    // Non-standard media query necessary to override a Gutenberg breakpoint style.
     16    @media screen and (min-width: 600px) {
     17        .wp-block[data-align="full"] {
     18            width: calc( 100% + 90px );
     19            max-width: calc( 100% + 90px );
     20        }
     21    }
     22
     23    @include media(tablet) {
     24        overflow-x: hidden;
     25
     26        .editor-writing-flow {
     27            max-width: 80%;
     28            margin: 0 10%;
     29        }
     30
     31        .editor-post-title__block,
     32        .editor-default-block-appender,
     33        .editor-block-list__block {
     34            margin-left: 0;
     35            margin-right: 0;
     36        }
     37
     38        .wp-block[data-align="wide"] {
     39            width: 100%;
     40        }
     41
     42        .wp-block[data-align="full"] {
     43            position: relative;
     44            left: calc( -12.5% - 14px );
     45            width: calc( 125% + 116px );
     46            max-width: calc( 125% + 116px );
     47        }
     48
     49        .wp-block[data-align="right"] {
     50            max-width: 125%;
     51        }
     52    }
     53}
     54
    1555/** === Content Width === */
    1656
    1757.wp-block {
    1858    width: calc(100vw - (2 * #{$size__spacing-unit}));
     59    max-width: 100%;
    1960
    2061    @include media(tablet) {
     
    2465    @include media(desktop) {
    2566        width: calc(6 * (100vw / 12 ));
     67    }
     68
     69    .wp-block {
     70        width: 100%;
    2671    }
    2772}
     
    126171}
    127172
     173/** === Post Title === */
     174
     175.editor-post-title__block {
     176    @include post-section-dash;
     177
     178    &:before {
     179        width: $font__size-xxl;
     180        margin-top: 0;
     181        margin-bottom: 0;
     182        margin-left: 1em;
     183        position: relative;
     184        top: 0.5em;
     185    }
     186
     187    .editor-post-title__input {
     188        font-family: $font__heading;
     189        font-size: $font__size-xxl;
     190    }
     191}
     192
     193/** === Default Appender === */
     194
     195.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
     196    font-family: $font__body;
     197    font-size: $font__size_base;
     198}
     199
    128200/** === Paragraph === */
    129201
     
    152224
    153225    &.has-left-content {
    154         justify-content: center;
    155226
    156227        h2,
     
    161232
    162233    &.has-right-content {
    163         justify-content: center;
    164234
    165235        h2,
     
    170240}
    171241
    172 body[data-type="core/cover"][data-align="left"],
    173 body[data-type="core/cover"][data-align="right"] {
     242.wp-block[data-type="core/cover"][data-align="left"],
     243.wp-block[data-type="core/cover"][data-align="right"] {
    174244
    175245    h2,
     
    180250}
    181251
    182 body[data-type="core/cover"][data-align="wide"],
    183 body[data-type="core/cover"][data-align="full"] {
     252.wp-block[data-type="core/cover"][data-align="wide"],
     253.wp-block[data-type="core/cover"][data-align="full"] {
    184254
    185255    @include media(desktop) {
     
    308378}
    309379
    310 body[data-type="core/pullquote"],
    311 body[data-type="core/pullquote"][data-align="left"],
    312 body[data-type="core/pullquote"][data-align="right"] {
     380.wp-block[data-type="core/pullquote"],
     381.wp-block[data-type="core/pullquote"][data-align="left"],
     382.wp-block[data-type="core/pullquote"][data-align="right"] {
    313383
    314384    blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     
    338408}
    339409
    340 body[data-type="core/pullquote"][data-align="left"],
    341 body[data-type="core/pullquote"][data-align="right"] {
     410.wp-block[data-type="core/pullquote"][data-align="left"],
     411.wp-block[data-type="core/pullquote"][data-align="right"] {
    342412
    343413    .editor-block-list__block-edit {
     
    413483        color: $color__text-light;
    414484        font-size: $font__size-lg;
    415         letter-spacing: $font__size-sm;
     485        letter-spacing: calc(2 * #{$size__spacing-unit});
     486        padding-left: calc(2 * #{$size__spacing-unit});
    416487    }
    417488}
     
    432503    li {
    433504        font-family: $font__heading;
    434         font-size: $font__size-lg;
     505        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    435506        font-weight: bold;
    436507        line-height: $font__line-height-heading;
     
    499570.wp-caption {
    500571    dd {
     572        color: $color__text-light;
     573        font-size: $font__size-xs;
     574        font-family: $font__heading;
     575        line-height: $font__line-height-pre;
     576        margin: 0;
     577        padding: ( $size__spacing-unit * .5 );
     578        text-align: left;
    501579        text-align: center;
    502580        -webkit-margin-start: 0px;
  • branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css

    r43842 r43860  
    5757 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5858 * layers of box-shadow to add the border visually, which will render the border smoother. */
     59/* Calculates maximum width for post content */
    5960/* Normalize */
    6061/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
     
    959960}
    960961
    961 .main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
    962 .main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
     962.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
     963.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
    963964  margin-left: 0.5rem;
    964965}
     
    10151016}
    10161017
    1017 .main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
    1018 .main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
     1018.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
     1019.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
    10191020  margin-left: 0;
    10201021}
     
    10831084.main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    10841085.main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
    1085   display: table;
    1086   margin-top: 0;
    1087   opacity: 1;
    10881086  /* Non-mobile position */
    10891087}
     
    10941092  .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    10951093  .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
     1094    display: table;
     1095    margin-top: 0;
     1096    opacity: 1;
    10961097    position: absolute;
    10971098    right: 0;
     
    14791480/* Alignments */
    14801481.alignleft {
     1482  float: left;
     1483  margin-left: 1rem;
     1484}
     1485
     1486.alignright {
    14811487  float: right;
    1482   margin-left: 1rem;
    1483 }
    1484 
    1485 .alignright {
    1486   float: left;
    14871488  margin-right: 1rem;
    14881489}
     
    15401541}
    15411542
     1543.site-header.featured-image {
     1544  display: flex;
     1545  flex-direction: column;
     1546  justify-content: space-between;
     1547  min-height: 90vh;
     1548}
     1549
     1550.site-header.featured-image .site-branding-container {
     1551  margin-bottom: auto;
     1552}
     1553
    15421554@media only screen and (min-width: 768px) {
    15431555  .site-header {
     
    15461558  }
    15471559  .site-header.featured-image {
    1548     display: flex;
    15491560    min-height: 100vh;
    1550     flex-direction: column;
    1551     justify-content: space-between;
    15521561    margin-bottom: 3rem;
    1553   }
    1554   .site-header.featured-image .site-branding-container {
    1555     margin-bottom: auto;
    15561562  }
    15571563}
     
    17551761
    17561762.site-header.featured-image .site-featured-image .entry-header {
     1763  margin-top: calc( 4 * 1rem);
    17571764  margin-bottom: 0;
    17581765  margin-right: 0;
     
    24022409}
    24032410
     2411.comment-list .pingback .comment-body {
     2412  color: #767676;
     2413  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2414  font-size: 0.71111em;
     2415  font-weight: 500;
     2416  margin-bottom: 1rem;
     2417}
     2418
     2419.comment-list .pingback .comment-body a:not(.comment-edit-link) {
     2420  font-weight: bold;
     2421  font-size: 19.55556px;
     2422  line-height: 1.5;
     2423  padding-left: 0.5rem;
     2424  display: block;
     2425}
     2426
     2427.comment-list .pingback .comment-body .comment-edit-link {
     2428  color: #767676;
     2429  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2430  font-weight: 500;
     2431}
     2432
    24042433.comment-reply {
    24052434  right: calc(1rem + 100%);
     
    24302459}
    24312460
    2432 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
    2433 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
    2434   opacity: 1;
    2435 }
    2436 
    24372461.comment .comment-body {
    24382462  margin: calc(2 * 1rem) 0;
     
    24442468
    24452469@media only screen and (min-width: 768px) {
     2470  .comment .comment-meta {
     2471    display: flex;
     2472  }
     2473}
     2474
     2475@media only screen and (min-width: 768px) {
    24462476  .comment .comment-author {
    2447     display: inline-block;
     2477    flex: 0 0 auto;
    24482478    vertical-align: baseline;
    24492479  }
     
    25132543@media only screen and (min-width: 768px) {
    25142544  .comment .comment-metadata {
    2515     display: inline-block;
     2545    flex: 1 0 auto;
    25162546    margin-right: 1rem;
    25172547    position: relative;
     
    25462576  color: #767676;
    25472577  margin: 0 0.2em;
    2548   opacity: 0;
    2549   transition: opacity 200ms ease-in-out;
    25502578  vertical-align: baseline;
    25512579}
     
    25532581.comment .comment-metadata .edit-link {
    25542582  color: #767676;
    2555   transition: opacity 200ms ease-in-out;
    2556   opacity: 0;
    25572583}
    25582584
     
    28382864  color: #767676;
    28392865  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2840   font-size: calc(22px * 1.6875);
     2866  font-size: calc(22px * 1.125);
    28412867  font-weight: bold;
    28422868  line-height: 1.2;
     
    28762902.entry-content > *,
    28772903.entry-summary > * {
     2904  max-width: calc(100vw - (2 * 1rem));
    28782905  margin: 32px 1rem;
    2879   max-width: calc(100vw - (2 * 1rem));
    28802906  /*
    28812907    // Set top margins for headings
     
    28942920  .entry-content > *,
    28952921  .entry-summary > * {
    2896     margin: 32px calc(2 * (100vw / 12));
    28972922    max-width: calc(8 * (100vw / 12));
    28982923  }
     
    29032928  .entry-summary > * {
    29042929    max-width: calc(6 * (100vw / 12));
     2930  }
     2931}
     2932
     2933@media only screen and (min-width: 768px) {
     2934  .entry-content > *,
     2935  .entry-summary > * {
     2936    margin: 32px calc(2 * (100vw / 12));
    29052937  }
    29062938}
     
    30233055    max-width: 385.44px;
    30243056  }
     3057}
     3058
     3059.entry-content .wp-block-audio.aligncenter {
     3060  margin: 32px calc(2 * (100vw / 12));
     3061  max-width: calc(6 * (100vw / 12));
    30253062}
    30263063
     
    30873124  color: #767676;
    30883125  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3089   font-size: calc(22px * 1.6875);
     3126  font-size: calc(22px * 1.125);
    30903127  font-weight: bold;
    30913128  line-height: 1.2;
     
    33633400}
    33643401
     3402.entry-content .wp-block-cover-image.aligncenter,
     3403.entry-content .wp-block-cover.aligncenter {
     3404  margin: 32px calc(2 * (100vw / 12));
     3405  max-width: calc(6 * (100vw / 12));
     3406}
     3407
    33653408.entry-content .wp-block-cover-image.has-left-content,
    33663409.entry-content .wp-block-cover.has-left-content {
     
    34063449  margin: 0;
    34073450  padding: 0.5rem;
    3408   text-align: right;
     3451  text-align: center;
    34093452}
    34103453
     
    34133456  margin-bottom: 2rem;
    34143457  margin-top: 2rem;
     3458  text-align: right;
    34153459  /* Remove duplicate rule-line when a separator
    34163460         * is followed by an H1, or H2 */
     
    34343478.entry-content hr + h2:before {
    34353479  display: none;
     3480}
     3481
     3482.entry-content .wp-block-separator.is-style-dots,
     3483.entry-content hr.is-style-dots {
     3484  max-width: calc(100vw - (2 * 1rem));
     3485  text-align: center;
     3486}
     3487
     3488@media only screen and (min-width: 768px) {
     3489  .entry-content .wp-block-separator.is-style-dots,
     3490  .entry-content hr.is-style-dots {
     3491    max-width: calc(8 * (100vw / 12));
     3492  }
     3493}
     3494
     3495@media only screen and (min-width: 1168px) {
     3496  .entry-content .wp-block-separator.is-style-dots,
     3497  .entry-content hr.is-style-dots {
     3498    max-width: calc(6 * (100vw / 12));
     3499  }
    34363500}
    34373501
     
    34943558.entry-content .wp-block-code code {
    34953559  font-size: 1.125em;
     3560  white-space: pre-wrap;
     3561  word-break: break-word;
    34963562}
    34973563
     
    35923658}
    35933659
    3594 .wp-caption .wp-caption-text {
    3595   margin: calc(0.875 * 1rem) 0;
    3596 }
    3597 
    35983660.wp-caption-text {
     3661  color: #767676;
     3662  font-size: 0.71111em;
     3663  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3664  line-height: 1.6;
     3665  margin: 0;
     3666  padding: 0.5rem;
    35993667  text-align: center;
    36003668}
  • branches/5.0/src/wp-content/themes/twentynineteen/style.css

    r43842 r43860  
    5757 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5858 * layers of box-shadow to add the border visually, which will render the border smoother. */
     59/* Calculates maximum width for post content */
    5960/* Normalize */
    6061/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
     
    959960}
    960961
    961 .main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
    962 .main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
     962.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
     963.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
    963964  margin-right: 0.5rem;
    964965}
     
    10151016}
    10161017
    1017 .main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
    1018 .main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
     1018.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
     1019.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
    10191020  margin-right: 0;
    10201021}
     
    10831084.main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    10841085.main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
    1085   display: table;
    1086   margin-top: 0;
    1087   opacity: 1;
    10881086  /* Non-mobile position */
    10891087}
     
    10941092  .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
    10951093  .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
     1094    display: table;
     1095    margin-top: 0;
     1096    opacity: 1;
    10961097    position: absolute;
    10971098    left: 0;
     
    14791480/* Alignments */
    14801481.alignleft {
     1482  /*rtl:ignore*/
    14811483  float: left;
    14821484  margin-right: 1rem;
     
    14841486
    14851487.alignright {
     1488  /*rtl:ignore*/
    14861489  float: right;
    14871490  margin-left: 1rem;
     
    15401543}
    15411544
     1545.site-header.featured-image {
     1546  display: flex;
     1547  flex-direction: column;
     1548  justify-content: space-between;
     1549  min-height: 90vh;
     1550}
     1551
     1552.site-header.featured-image .site-branding-container {
     1553  margin-bottom: auto;
     1554}
     1555
    15421556@media only screen and (min-width: 768px) {
    15431557  .site-header {
     
    15461560  }
    15471561  .site-header.featured-image {
    1548     display: flex;
    15491562    min-height: 100vh;
    1550     flex-direction: column;
    1551     justify-content: space-between;
    15521563    margin-bottom: 3rem;
    1553   }
    1554   .site-header.featured-image .site-branding-container {
    1555     margin-bottom: auto;
    15561564  }
    15571565}
     
    17551763
    17561764.site-header.featured-image .site-featured-image .entry-header {
     1765  margin-top: calc( 4 * 1rem);
    17571766  margin-bottom: 0;
    17581767  margin-left: 0;
     
    24022411}
    24032412
     2413.comment-list .pingback .comment-body {
     2414  color: #767676;
     2415  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2416  font-size: 0.71111em;
     2417  font-weight: 500;
     2418  margin-bottom: 1rem;
     2419}
     2420
     2421.comment-list .pingback .comment-body a:not(.comment-edit-link) {
     2422  font-weight: bold;
     2423  font-size: 19.55556px;
     2424  line-height: 1.5;
     2425  padding-right: 0.5rem;
     2426  display: block;
     2427}
     2428
     2429.comment-list .pingback .comment-body .comment-edit-link {
     2430  color: #767676;
     2431  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     2432  font-weight: 500;
     2433}
     2434
    24042435.comment-reply {
    24052436  left: calc(1rem + 100%);
     
    24302461}
    24312462
    2432 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
    2433 .comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
    2434   opacity: 1;
    2435 }
    2436 
    24372463.comment .comment-body {
    24382464  margin: calc(2 * 1rem) 0;
     
    24442470
    24452471@media only screen and (min-width: 768px) {
     2472  .comment .comment-meta {
     2473    display: flex;
     2474  }
     2475}
     2476
     2477@media only screen and (min-width: 768px) {
    24462478  .comment .comment-author {
    2447     display: inline-block;
     2479    flex: 0 0 auto;
    24482480    vertical-align: baseline;
    24492481  }
     
    25132545@media only screen and (min-width: 768px) {
    25142546  .comment .comment-metadata {
    2515     display: inline-block;
     2547    flex: 1 0 auto;
    25162548    margin-left: 1rem;
    25172549    position: relative;
     
    25462578  color: #767676;
    25472579  margin: 0 0.2em;
    2548   opacity: 0;
    2549   transition: opacity 200ms ease-in-out;
    25502580  vertical-align: baseline;
    25512581}
     
    25532583.comment .comment-metadata .edit-link {
    25542584  color: #767676;
    2555   transition: opacity 200ms ease-in-out;
    2556   opacity: 0;
    25572585}
    25582586
     
    28382866  color: #767676;
    28392867  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    2840   font-size: calc(22px * 1.6875);
     2868  font-size: calc(22px * 1.125);
    28412869  font-weight: bold;
    28422870  line-height: 1.2;
     
    28762904.entry-content > *,
    28772905.entry-summary > * {
     2906  max-width: calc(100vw - (2 * 1rem));
    28782907  margin: 32px 1rem;
    2879   max-width: calc(100vw - (2 * 1rem));
    28802908  /*
    28812909    // Set top margins for headings
     
    28942922  .entry-content > *,
    28952923  .entry-summary > * {
    2896     margin: 32px calc(2 * (100vw / 12));
    28972924    max-width: calc(8 * (100vw / 12));
    28982925  }
     
    29032930  .entry-summary > * {
    29042931    max-width: calc(6 * (100vw / 12));
     2932  }
     2933}
     2934
     2935@media only screen and (min-width: 768px) {
     2936  .entry-content > *,
     2937  .entry-summary > * {
     2938    margin: 32px calc(2 * (100vw / 12));
    29052939  }
    29062940}
     
    30233057    max-width: 385.44px;
    30243058  }
     3059}
     3060
     3061.entry-content .wp-block-audio.aligncenter {
     3062  margin: 32px calc(2 * (100vw / 12));
     3063  max-width: calc(6 * (100vw / 12));
    30253064}
    30263065
     
    30873126  color: #767676;
    30883127  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    3089   font-size: calc(22px * 1.6875);
     3128  font-size: calc(22px * 1.125);
    30903129  font-weight: bold;
    30913130  line-height: 1.2;
     
    33633402}
    33643403
     3404.entry-content .wp-block-cover-image.aligncenter,
     3405.entry-content .wp-block-cover.aligncenter {
     3406  margin: 32px calc(2 * (100vw / 12));
     3407  max-width: calc(6 * (100vw / 12));
     3408}
     3409
    33653410.entry-content .wp-block-cover-image.has-left-content,
    33663411.entry-content .wp-block-cover.has-left-content {
     
    34063451  margin: 0;
    34073452  padding: 0.5rem;
    3408   text-align: left;
     3453  text-align: center;
    34093454}
    34103455
     
    34133458  margin-bottom: 2rem;
    34143459  margin-top: 2rem;
     3460  text-align: left;
    34153461  /* Remove duplicate rule-line when a separator
    34163462         * is followed by an H1, or H2 */
     
    34343480.entry-content hr + h2:before {
    34353481  display: none;
     3482}
     3483
     3484.entry-content .wp-block-separator.is-style-dots,
     3485.entry-content hr.is-style-dots {
     3486  max-width: calc(100vw - (2 * 1rem));
     3487  text-align: center;
     3488}
     3489
     3490@media only screen and (min-width: 768px) {
     3491  .entry-content .wp-block-separator.is-style-dots,
     3492  .entry-content hr.is-style-dots {
     3493    max-width: calc(8 * (100vw / 12));
     3494  }
     3495}
     3496
     3497@media only screen and (min-width: 1168px) {
     3498  .entry-content .wp-block-separator.is-style-dots,
     3499  .entry-content hr.is-style-dots {
     3500    max-width: calc(6 * (100vw / 12));
     3501  }
    34363502}
    34373503
     
    34943560.entry-content .wp-block-code code {
    34953561  font-size: 1.125em;
     3562  white-space: pre-wrap;
     3563  word-break: break-word;
    34963564}
    34973565
     
    35923660}
    35933661
    3594 .wp-caption .wp-caption-text {
    3595   margin: calc(0.875 * 1rem) 0;
    3596 }
    3597 
    35983662.wp-caption-text {
     3663  color: #767676;
     3664  font-size: 0.71111em;
     3665  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     3666  line-height: 1.6;
     3667  margin: 0;
     3668  padding: 0.5rem;
    35993669  text-align: center;
    36003670}
  • branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php

    r43842 r43860  
    1616        <?php
    1717        if ( is_sticky() && is_home() && ! is_paged() ) {
    18             printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
     18            printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
    1919        }
    2020        the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
  • branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php

    r43842 r43860  
    1616        <?php
    1717        if ( is_sticky() && is_home() && ! is_paged() ) {
    18             printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
     18            printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
    1919        }
    2020        if ( is_singular() ) :
  • branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php

    r43842 r43860  
    1313        <div class="site-logo"><?php the_custom_logo(); ?></div>
    1414    <?php endif; ?>
    15 
    16     <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
     15    <?php $blog_info = get_bloginfo( 'name' ); ?>
     16    <?php if ( ! empty( $blog_info ) ) : ?>
    1717        <?php if ( is_front_page() && is_home() ) : ?>
    1818            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
  • branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php

    r43842 r43860  
    1616        <?php the_author_meta( 'description' ); ?>
    1717        <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
    18             <?php _e( 'View more posts ', 'twentynineteen' ); ?>
     18            <?php _e( 'View more posts', 'twentynineteen' ); ?>
    1919        </a>
    2020    </p><!-- .author-description -->
Note: See TracChangeset for help on using the changeset viewer.