Changeset 43860

Timestamp:

11/02/2018 11:52:16 PM (6 years 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:

• classes/class-twentynineteen-svg-icons.php (modified) (1 diff)
• classes/class-twentynineteen-walker-comment.php (modified) (3 diffs)
• comments.php (modified) (1 diff)
• footer.php (modified) (1 diff)
• functions.php (modified) (5 diffs)
• image.php (modified) (1 diff)
• inc/color-patterns.php (modified) (11 diffs)
• inc/customizer.php (modified) (3 diffs)
• inc/template-tags.php (modified) (3 diffs)
• js/customize-controls.js (modified) (1 diff)
• js/customize-preview.js (modified) (1 diff)
• package.json (modified) (1 diff)
• sass/blocks/_blocks.scss (modified) (10 diffs)
• sass/media/_captions.scss (modified) (1 diff)
• sass/mixins/_mixins-master.scss (modified) (2 diffs)
• sass/modules/_alignments.scss (modified) (2 diffs)
• sass/navigation/_menu-main-navigation.scss (modified) (3 diffs)
• sass/site/header/_site-featured-image.scss (modified) (1 diff)
• sass/site/header/_site-header.scss (modified) (2 diffs)
• sass/site/primary/_comments.scss (modified) (7 diffs)
• sass/site/secondary/_widgets.scss (modified) (1 diff)
• style-editor-customizer.css (added)
• style-editor-customizer.scss (added)
• style-editor.css (modified) (14 diffs)
• style-editor.scss (modified) (13 diffs)
• style-rtl.css (modified) (27 diffs)
• style.css (modified) (28 diffs)
• template-parts/content/content-excerpt.php (modified) (1 diff)
• template-parts/content/content.php (modified) (1 diff)
• template-parts/header/site-branding.php (modified) (1 diff)
• template-parts/post/author-bio.php (modified) (1 diff)

branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

@@ -198 +198 @@
             'fb.me',
         ),
+        'feed'    => array(
+            'feed',
+        ),
         'google-plus' => array(
             'plus.google.com',
+        ),
+        'mail'   => array(
+            'mailto:',
         ),
         'slideshare'  => array(

branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php

@@ -36 +36 @@
                             $comment_author_link = get_comment_author_link( $comment );
                             $comment_author_url  = get_comment_author_url( $comment );
+                            $comment_author      = get_comment_author( $comment );
                             $avatar              = get_avatar( $comment, $args['avatar_size'] );
                             if ( 0 != $args['avatar_size'] ) {
@@ -41 +42 @@
                                     echo $avatar;
                                 } else {
-                                    echo preg_replace( '/>[^<]+</', sprintf( '>%s<', $avatar ), $comment_author_link );
+                                    printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
+                                    echo $avatar;
                                 }
                             }
@@ -57 +59 @@
                             printf(
                                 __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
-                                sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
+                                sprintf( '<span class="fn">%s</span>', $comment_author )
                             );
+
+                            if ( ! empty( $comment_author_url ) ) {
+                                echo '</a>';
+                            }
                         ?>
                     </div><!-- .comment-author -->

branches/5.0/src/wp-content/themes/twentynineteen/comments.php

@@ -14 +14 @@
 
 /*
-If the current post is protected by a password and
+ * If the current post is protected by a password and
  * the visitor has not yet entered the password we will
  * return early without loading the comments.

branches/5.0/src/wp-content/themes/twentynineteen/footer.php

@@ -19 +19 @@
         <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
         <div class="site-info">
-            <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
+            <?php $blog_info = get_bloginfo( 'name' ); ?>
+            <?php if ( ! empty( $blog_info ) ) : ?>
                 <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
             <?php endif; ?>
             <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
-                <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
+                <?php
+                /* translators: %s: WordPress. */
+                printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
+                ?>
             </a>
             <?php

branches/5.0/src/wp-content/themes/twentynineteen/functions.php

@@ -84 +84 @@
         );
 
+        // Add theme support for selective refresh for widgets.
+        add_theme_support( 'customize-selective-refresh-widgets' );
+
         // Add support for Block Styles
         add_theme_support( 'wp-block-styles' );
@@ -96 +99 @@
         add_editor_style( 'style-editor.css' );
 
-        // Add custom color to the editor color palette
+        // Editor color palette
         add_theme_support(
-        'editor-color-palette',
+            'editor-color-palette',
             array(
                 array(
                     'name'  => esc_html__( 'Primary Color', 'twentynineteen' ),
                     'slug'  => 'primary',
-                    'color' => twentynineteen_hsl_hex( absint( get_theme_mod( 'colorscheme_hue', 199 ) ), 100, 33 ),
+                    'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
                 ),
             )
         );
+
+        // Add support for responsive embedded content
+        add_theme_support( 'responsive-embeds' );
 
     }
@@ -121 +127 @@
     register_sidebar(
         array(
-            'name'          => __( 'Footer 1', 'twentynineteen' ),
+            'name'          => __( 'Footer', 'twentynineteen' ),
             'id'            => 'sidebar-1',
             'description'   => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
@@ -161 +167 @@
     if ( has_nav_menu( 'menu-1' ) ) {
         wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
-        $twentynineteen_l10n['expand']   = __( 'Expand child menu', 'twentynineteen' );
-        $twentynineteen_l10n['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
-    }
-
-    wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $twentynineteen_l10n );
+        $l10n_skip_link_focus_fix['expand']   = __( 'Expand child menu', 'twentynineteen' );
+        $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
+        wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
+    }
 
     wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
@@ -182 +187 @@
  * Enqueue supplemental block editor styles
  */
-function twentynineteen_editor_frame_styles() {
-
-    // Include color patterns
+function twentynineteen_editor_customizer_styles() {
+
+    wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
+
+    if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
+        // Include color patterns
+        require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
+        wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
+    }
+}
+add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
+
+/**
+ * Display custom color CSS in customizer and on frontend.
+ */
+function twentynineteen_colors_css_wrap() {
+
+    // Only include custom colors in customizer or frontend
+    if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
+        return;
+    }
+
     require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
 
-    wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
-    wp_add_inline_style( 'twentynineteen-editor-frame-styles', twentynineteen_custom_colors_css() );
-}
-add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
-
-/**
- * Display custom color CSS in customizer and on frontend.
- */
-function twentynineteen_colors_css_wrap() {
-    if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) {
-        return;
-    }
-
-    require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
-    $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
+    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+        $primary_color = 199;
+    } else {
+        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+    }
     ?>
 
-    <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $hue . '"' : ''; ?>>
+    <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
         <?php echo twentynineteen_custom_colors_css(); ?>
     </style>

branches/5.0/src/wp-content/themes/twentynineteen/image.php

@@ -101 +101 @@
     </section><!-- .content-area -->
 
-<?php get_footer(); ?>
+<?php
+get_footer();

branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

@@ -13 +13 @@
 function twentynineteen_custom_colors_css() {
 
-    $default_primary_color       = 199;
-    $primary_color               = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
+    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+        $primary_color = 199;
+    } else {
+        $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+    }
 
     /**
@@ -24 +27 @@
      */
 
-    $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
-    $reduced_saturation = ( .8 * $saturation ) . '%';
-    $saturation = $saturation . '%';
+    $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+    $saturation      = $saturation . '%';
+
+    $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+    $lightness       = $lightness . '%';
+
+    $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+    $lightness_hover = $lightness_hover . '%';
 
     $theme_css = '
@@ -55 +63 @@
         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
         .entry-content .wp-block-file .wp-block-file__button {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -90 +98 @@
         .entry-content > *[class^="wp-block-"] .has-primary-color,
         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -100 +108 @@
         .entry-content .wp-block-quote:not(.is-large),
         .entry-content .wp-block-quote:not(.is-style-large) {
-            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -123 +131 @@
         input[type="color"]:focus,
         textarea:focus {
-            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .gallery-item > div > a:focus {
-            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -140 +148 @@
         #cancel-comment-reply-link:hover,
         .widget a:hover {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }
 
@@ -149 +157 @@
         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
-            background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }';
 
@@ -165 +173 @@
         .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
         .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
         .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
-            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
         .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -182 +190 @@
         .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
         .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
         }
 
@@ -188 +196 @@
         .editor-block-list__layout .editor-block-list__block a:hover,
         .editor-block-list__layout .editor-block-list__block a:active {
-            color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
         }
 

branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php

@@ -50 +50 @@
         'colorscheme',
         array(
-            'type'    => 'radio',
+            'type'     => 'radio',
             'label'    => __( 'Color Scheme', 'twentynineteen' ),
             'choices'  => array(
-                'default'  => __( 'Default', 'twentynineteen' ),
-                'custom' => __( 'Custom', 'twentynineteen' ),
+                'default'  => _x( 'Default', 'color scheme', 'twentynineteen' ),
+                'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
             ),
             'section'  => 'colors',
@@ -63 +63 @@
     // Add primary color setting and control.
     $wp_customize->add_setting(
-        'colorscheme_hue',
+        'colorscheme_primary_hue',
         array(
             'default'           => 199,
@@ -74 +74 @@
         new WP_Customize_Color_Control(
             $wp_customize,
-            'colorscheme_hue',
+            'colorscheme_primary_hue',
             array(
-                'label'       => __( 'Primary Color' ),
-                'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
+                'label'       => __( 'Primary Color', 'twentynineteen' ),
+                'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
                 'section'     => 'colors',
                 'mode'        => 'hue',

branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php

@@ -74 +74 @@
     function twentynineteen_entry_footer() {
 
-        // Posted by
-        twentynineteen_posted_by();
-
-        // Posted on
-        twentynineteen_posted_on();
-
-        // Hide category and tag text for pages.
+        // Hide author, post date, category and tag text for pages.
         if ( 'post' === get_post_type() ) {
+
+            // Posted by
+            twentynineteen_posted_by();
+
+            // Posted on
+            twentynineteen_posted_on();
+
             /* translators: used between list items, there is a space after the comma. */
             $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
@@ -99 +100 @@
                 /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
                 printf(
-                    '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
+                    '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
                     twentynineteen_get_icon_svg( 'tag', 16 ),
                     esc_html__( 'Tags:', 'twentynineteen' ),
@@ -155 +156 @@
             ?>
 
-            <figure class="post-thumbnail">
-                <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
-                    <?php
-                    the_post_thumbnail(
-                        'post-thumbnail',
-                        array(
-                            'alt' => the_title_attribute(
-                                array( 'echo' => false )
-                            ),
-                        )
-                    );
-                    ?>
-                </a>
-            </figure><!-- .post-thumbnail -->
+        <figure class="post-thumbnail">
+            <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
+                <?php
+                the_post_thumbnail( 'post-thumbnail' );
+                ?>
+            </a>
+        </figure>
 
             <?php

branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js

@@ -13 +13 @@
         // Only show the color hue control when there's a custom color scheme.
         wp.customize( 'colorscheme', function( setting ) {
-            wp.customize.control( 'colorscheme_hue', function( control ) {
+            wp.customize.control( 'colorscheme_primary_hue', function( control ) {
                 var visibility = function() {
                     if ( 'custom' === setting.get() ) {

branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js

@@ -25 +25 @@
 
     // Primary color.
-    wp.customize( 'colorscheme_hue', function( value ) {
+    wp.customize( 'colorscheme_primary_hue', function( value ) {
         value.bind( function( to ) {
 

branches/5.0/src/wp-content/themes/twentynineteen/package.json

@@ -35 +35 @@
     "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
     "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
-    "build:style-editor-frame": "node-sass style-editor-frame.scss style-editor-frame.css --output-style expanded && postcss -r style-editor-frame.css",
+    "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
     "build:rtl": "rtlcss style.css style-rtl.css",
     "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

@@ -3 +3 @@
 .entry-content > *,
 .entry-summary > * {
+    @include postContentMaxWidth();
 
     margin: 32px $size__spacing-unit;
-    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
 
     @include media(tablet) {
         margin: 32px calc(2 * (100vw / 12));
-        max-width: calc(8 * (100vw / 12));
-    }
-
-    @include media(desktop) {
-        max-width: calc(6 * (100vw / 12));
-    }
-
+    }
 /*
     // Set top margins for headings
@@ -123 +117 @@
                 max-width: (0.33 * $desktop_width);
             }
+        }
+
+        &.aligncenter {
+            margin: 32px calc(2 * (100vw / 12));
+            max-width: calc(6 * (100vw / 12));
         }
     }
@@ -195 +194 @@
             color: $color__text-light;
             font-family: $font__heading;
-            font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
+            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
             font-weight: bold;
             line-height: $font__line-height-heading;
-            
+
             &:not(.menu-item-has-children) {
                 padding-bottom: ( .75 * $size__spacing-unit );
@@ -206 +205 @@
                 text-decoration: none;
             }
-            
+
             ul {
                 padding-left: $size__spacing-unit;
@@ -460 +459 @@
         }
 
+        &.aligncenter {
+            margin: 32px calc(2 * (100vw / 12));
+            max-width: calc(6 * (100vw / 12));
+        }
+
         &.has-left-content {
             justify-content: center;
@@ -498 +502 @@
         margin: 0;
         padding: ( $size__spacing-unit * .5 );
-        text-align: left;
+        text-align: center;
     }
 
@@ -506 +510 @@
         margin-bottom: (2 * $size__spacing-unit);
         margin-top: (2 * $size__spacing-unit);
+        text-align: left;
 
         &:not(.is-style-dots) {
@@ -527 +532 @@
         }
 
-        &.is-style-dots:before {
-            color: $color__text-light;
-            font-size: $font__size-lg;
-            letter-spacing: $font__size-sm;
-            padding-left: $font__size-sm;
+        &.is-style-dots {
+            @include postContentMaxWidth();
+            text-align: center;
+
+            &:before {
+                color: $color__text-light;
+                font-size: $font__size-lg;
+                letter-spacing: $font__size-sm;
+                padding-left: $font__size-sm;
+            }
         }
     }
@@ -589 +599 @@
         code {
             font-size: $font__size-md;
+            white-space: pre-wrap;
+                        word-break: break-word;
         }
     }
@@ -654 +666 @@
 
         p,
-        h1, 
+        h1,
         h2,
         h3,
         h4,
         h5,
-        h6, 
+        h6,
         a {
             color: $color__background-body;

branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss

@@ -9 +9 @@
 }
 
-.wp-caption .wp-caption-text {
-    margin: calc(0.875 * #{$size__spacing-unit}) 0;
-}
-
 .wp-caption-text {
+    color: $color__text-light;
+    font-size: $font__size-xs;
+    font-family: $font__heading;
+    line-height: $font__line-height-pre;
+    margin: 0;
+    padding: ( $size__spacing-unit * .5 );
     text-align: center;
 }

branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

@@ -43 +43 @@
         opacity: .8;
         z-index: 3;
-        
+
         /* Browsers supporting mix-blend-mode don't need opacity < 1 */
         @supports (mix-blend-mode: multiply) {
@@ -88 +88 @@
 }
 
+/* Calculates maximum width for post content */
+@mixin postContentMaxWidth() {
+    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
+
+    @include media(tablet) {
+        max-width: calc(8 * (100vw / 12));
+    }
+
+    @include media(desktop) {
+        max-width: calc(6 * (100vw / 12));
+    }
+}
+
 @import "utilities";

branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss

@@ -1 +1 @@
 .alignleft {
+    /*rtl:ignore*/
     float: left;
     margin-right: $size__spacing-unit;
@@ -5 +6 @@
 
 .alignright {
+    /*rtl:ignore*/
     float: right;
     margin-left: $size__spacing-unit;

branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

@@ -68 +68 @@
                 }
 
-                &:not(:last-child) {
-
-                    .mobile-submenu-expand,
-                    .desktop-submenu-expand {
-                        margin-right: #{0.5 * $size__spacing-unit};
-                    }
+                .mobile-submenu-expand,
+                .desktop-submenu-expand {
+                    margin-right: #{0.5 * $size__spacing-unit};
                 }
             }
@@ -128 +125 @@
                 }
 
-                &:not(:last-child) {
-
-                    .mobile-submenu-expand,
-                    .desktop-submenu-expand {
-                        margin-right: 0;
-                    }
+                .mobile-submenu-expand,
+                .desktop-submenu-expand {
+                    margin-right: 0;
                 }
 
@@ -207 +201 @@
     .main-menu .menu-item-has-children .sub-menu:hover,
     .main-menu .menu-item-has-children .sub-menu:focus {
-        display: table;
-        margin-top: 0;
-        opacity: 1;
-
         /* Non-mobile position */
         @include media(tablet) {
+            display: table;
+            margin-top: 0;
+            opacity: 1;
             position: absolute;
             left: 0;

branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

@@ -62 +62 @@
 
     .site-featured-image .entry-header {
-
+        margin-top: calc( 4 * #{$size__spacing-unit});
         margin-bottom: 0;
         margin-left: 0;

branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

@@ -2 +2 @@
 
 .site-header {
+    padding: 1em;
 
-    padding: 1em;
+    &.featured-image {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        min-height: 90vh;
+
+        .site-branding-container {
+            margin-bottom: auto;
+        }
+    }
 
     @include media(tablet) {
@@ -10 +20 @@
 
         &.featured-image {
-            display: flex;
             min-height: 100vh;
-            flex-direction: column;
-            justify-content: space-between;
             margin-bottom: 3rem;
-
-            .site-branding-container {
-                margin-bottom: auto;
-            }
         }
     }

branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

@@ -123 +123 @@
         margin-top: 0;
     }
+
+    .pingback {
+
+        .comment-body {
+            color: $color__text-light;
+            font-family: $font__heading;
+            font-size: $font__size-xs;
+            font-weight: 500;
+            margin-bottom: $size__spacing-unit;
+
+            a:not(.comment-edit-link) {
+                font-weight: bold;
+                font-size: $font__size-base / (1 * $font__size-ratio);
+                line-height: 1.5;
+                padding-right: #{0.5 * $size__spacing-unit};
+                display: block;
+            }
+
+            .comment-edit-link {
+                color: $color__text-light;
+                font-family: $font__heading;
+                font-weight: 500;
+            }
+        }
+    }
 }
 
@@ -151 +176 @@
     }
 
-    &:hover > .comment-body > .comment-meta > .comment-metadata {
-        > .edit-link-sep,
-        > .edit-link {
-            opacity: 1;
-        }
-    }
-
     .comment-body {
         margin: calc(2 * #{$size__spacing-unit}) 0;
@@ -164 +182 @@
     .comment-meta {
         position: relative;
+
+        @include media(tablet) {
+            display: flex;
+        }
     }
 
@@ -169 +191 @@
 
         @include media(tablet) {
-            display: inline-block;
+            flex: 0 0 auto;
             vertical-align: baseline;
         }
@@ -232 +254 @@
 
         @include media(tablet) {
-            display: inline-block;
+            flex: 1 0 auto;
             margin-left: $size__spacing-unit;
             position: relative;
@@ -262 +284 @@
             color: $color__text-light;
             margin: 0 0.2em;
-            opacity: 0;
-            transition: opacity 200ms ease-in-out;
             vertical-align: baseline;
         }
@@ -269 +289 @@
         .edit-link {
             color: $color__text-light;
-            transition: opacity 200ms ease-in-out;
-            opacity: 0;
 
             svg {

branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

@@ -29 +29 @@
             color: $color__text-light;
             font-family: $font__heading;
-            font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
+            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
             font-weight: bold;
             line-height: $font__line-height-heading;

branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css

@@ -1 +1 @@
 /*!
 Twenty Nineteen Editor Styles
-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
 */
 /** === Includes === */
@@ -10 +6 @@
  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Calculates maximum width for post content */
+/** === Editor Frame === */
+@media screen and (min-width: 600px) {
+  body .wp-block[data-align="full"] {
+    width: calc( 100% + 90px);
+    max-width: calc( 100% + 90px);
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  body {
+    overflow-x: hidden;
+  }
+  body .editor-writing-flow {
+    max-width: 80%;
+    margin: 0 10%;
+  }
+  body .editor-post-title__block,
+  body .editor-default-block-appender,
+  body .editor-block-list__block {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  body .wp-block[data-align="wide"] {
+    width: 100%;
+  }
+  body .wp-block[data-align="full"] {
+    position: relative;
+    left: calc( -12.5% - 14px);
+    width: calc( 125% + 116px);
+    max-width: calc( 125% + 116px);
+  }
+  body .wp-block[data-align="right"] {
+    max-width: 125%;
+  }
+}
+
 /** === Content Width === */
 .wp-block {
   width: calc(100vw - (2 * 1rem));
+  max-width: 100%;
 }
 
@@ -25 +59 @@
     width: calc(6 * (100vw / 12 ));
   }
+}
+
+.wp-block .wp-block {
+  width: 100%;
 }
 
@@ -137 +175 @@
 }
 
+/** === Post Title === */
+.editor-post-title__block:before {
+  background: #767676;
+  content: "\020";
+  display: block;
+  height: 2px;
+  margin: 1rem 0;
+  width: 1em;
+}
+
+.editor-post-title__block:before {
+  width: 2.8125em;
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-left: 1em;
+  position: relative;
+  top: 0.5em;
+}
+
+.editor-post-title__block .editor-post-title__input {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 2.8125em;
+}
+
+/** === Default Appender === */
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+  font-size: 22px;
+}
+
 /** === Paragraph === */
 .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
@@ -155 +223 @@
 }
 
-.wp-block-cover.has-left-content {
-  justify-content: center;
-}
-
 .wp-block-cover.has-left-content h2,
 .wp-block-cover.has-left-content .wp-block-cover-text {
@@ -164 +228 @@
 }
 
-.wp-block-cover.has-right-content {
-  justify-content: center;
-}
-
 .wp-block-cover.has-right-content h2,
 .wp-block-cover.has-right-content .wp-block-cover-text {
@@ -173 +233 @@
 }
 
-body[data-type="core/cover"][data-align="left"] h2,
-body[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
-body[data-type="core/cover"][data-align="right"] h2,
-body[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
+.wp-block[data-type="core/cover"][data-align="left"] h2,
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
+.wp-block[data-type="core/cover"][data-align="right"] h2,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
   width: 100%;
   max-width: 305px;
@@ -182 +242 @@
 
 @media only screen and (min-width: 1168px) {
-  body[data-type="core/cover"][data-align="wide"] h2,
-  body[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
-  body[data-type="core/cover"][data-align="full"] h2,
-  body[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
+  .wp-block[data-type="core/cover"][data-align="wide"] h2,
+  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
+  .wp-block[data-type="core/cover"][data-align="full"] h2,
+  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
     padding: 0;
     width: calc(6 * (100vw / 12));
@@ -293 +353 @@
 }
 
-body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"] p,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p {
+.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] p {
   font-size: 1.6875em;
   font-style: italic;
@@ -310 +370 @@
 
 @media only screen and (min-width: 768px) {
-  body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-  body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
-  body[data-type="core/pullquote"] p,
-  body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-  body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-  body[data-type="core/pullquote"][data-align="left"] p,
-  body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-  body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-  body[data-type="core/pullquote"][data-align="right"] p {
+  .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+  .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+  .wp-block[data-type="core/pullquote"] p,
+  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+  .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+  .wp-block[data-type="core/pullquote"][data-align="left"] p,
+  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+  .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+  .wp-block[data-type="core/pullquote"][data-align="right"] p {
     font-size: 2.25em;
   }
 }
 
-body[data-type="core/pullquote"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
+.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 0.71111em;
@@ -332 +392 @@
 }
 
-body[data-type="core/pullquote"] em,
-body[data-type="core/pullquote"][data-align="left"] em,
-body[data-type="core/pullquote"][data-align="right"] em {
+.wp-block[data-type="core/pullquote"] em,
+.wp-block[data-type="core/pullquote"][data-align="left"] em,
+.wp-block[data-type="core/pullquote"][data-align="right"] em {
   font-style: normal;
 }
 
-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
   max-width: 50%;
 }
 
-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
   padding: 0;
 }
 
-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
   padding: 1em;
 }
 
-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
   text-align: left;
 }
@@ -406 +466 @@
   color: #767676;
   font-size: 1.6875em;
-  letter-spacing: 0.88889em;
+  letter-spacing: calc(2 * 1rem);
+  padding-left: calc(2 * 1rem);
 }
 
@@ -428 +489 @@
 .wp-block-latest-posts li {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 1.6875em;
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -493 +554 @@
 /* Properly center-align captions in the classic-editor block */
 .wp-caption dd {
+  color: #767676;
+  font-size: 0.71111em;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0.5rem;
+  text-align: left;
   text-align: center;
   -webkit-margin-start: 0px;

branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -1 +1 @@
 /*!
 Twenty Nineteen Editor Styles
-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
 */
 
@@ -13 +9 @@
 @import "sass/mixins/mixins-master";
 
+/** === Editor Frame === */
+
+body {
+
+    // Non-standard media query necessary to override a Gutenberg breakpoint style. 
+    @media screen and (min-width: 600px) {
+        .wp-block[data-align="full"] {
+            width: calc( 100% + 90px );
+            max-width: calc( 100% + 90px );
+        }
+    }
+
+    @include media(tablet) {
+        overflow-x: hidden;
+
+        .editor-writing-flow {
+            max-width: 80%;
+            margin: 0 10%;
+        }
+
+        .editor-post-title__block,
+        .editor-default-block-appender,
+        .editor-block-list__block {
+            margin-left: 0;
+            margin-right: 0;
+        }
+
+        .wp-block[data-align="wide"] {
+            width: 100%;
+        }
+
+        .wp-block[data-align="full"] {
+            position: relative;
+            left: calc( -12.5% - 14px );
+            width: calc( 125% + 116px );
+            max-width: calc( 125% + 116px );
+        }
+
+        .wp-block[data-align="right"] {
+            max-width: 125%;
+        }
+    }
+}
+
 /** === Content Width === */
 
 .wp-block {
     width: calc(100vw - (2 * #{$size__spacing-unit}));
+    max-width: 100%;
 
     @include media(tablet) {
@@ -24 +65 @@
     @include media(desktop) {
         width: calc(6 * (100vw / 12 ));
+    }
+
+    .wp-block {
+        width: 100%;
     }
 }
@@ -126 +171 @@
 }
 
+/** === Post Title === */
+
+.editor-post-title__block {
+    @include post-section-dash;
+
+    &:before {
+        width: $font__size-xxl;
+        margin-top: 0;
+        margin-bottom: 0;
+        margin-left: 1em;
+        position: relative;
+        top: 0.5em;
+    }
+
+    .editor-post-title__input {
+        font-family: $font__heading;
+        font-size: $font__size-xxl;
+    }
+}
+
+/** === Default Appender === */
+
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+    font-family: $font__body;
+    font-size: $font__size_base;
+}
+
 /** === Paragraph === */
 
@@ -152 +224 @@
 
     &.has-left-content {
-        justify-content: center;
 
         h2,
@@ -161 +232 @@
 
     &.has-right-content {
-        justify-content: center;
 
         h2,
@@ -170 +240 @@
 }
 
-body[data-type="core/cover"][data-align="left"],
-body[data-type="core/cover"][data-align="right"] {
+.wp-block[data-type="core/cover"][data-align="left"],
+.wp-block[data-type="core/cover"][data-align="right"] {
 
     h2,
@@ -180 +250 @@
 }
 
-body[data-type="core/cover"][data-align="wide"],
-body[data-type="core/cover"][data-align="full"] {
+.wp-block[data-type="core/cover"][data-align="wide"],
+.wp-block[data-type="core/cover"][data-align="full"] {
 
     @include media(desktop) {
@@ -308 +378 @@
 }
 
-body[data-type="core/pullquote"],
-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
+.wp-block[data-type="core/pullquote"],
+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
 
     blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
@@ -338 +408 @@
 }
 
-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
 
     .editor-block-list__block-edit {
@@ -413 +483 @@
         color: $color__text-light;
         font-size: $font__size-lg;
-        letter-spacing: $font__size-sm;
+        letter-spacing: calc(2 * #{$size__spacing-unit});
+        padding-left: calc(2 * #{$size__spacing-unit});
     }
 }
@@ -432 +503 @@
     li {
         font-family: $font__heading;
-        font-size: $font__size-lg;
+        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
         font-weight: bold;
         line-height: $font__line-height-heading;
@@ -499 +570 @@
 .wp-caption {
     dd {
+        color: $color__text-light;
+        font-size: $font__size-xs;
+        font-family: $font__heading;
+        line-height: $font__line-height-pre;
+        margin: 0;
+        padding: ( $size__spacing-unit * .5 );
+        text-align: left;
         text-align: center;
         -webkit-margin-start: 0px;

branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -57 +57 @@
  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Calculates maximum width for post content */
 /* Normalize */
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@@ -959 +960 @@
 }
 
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-left: 0.5rem;
 }
@@ -1015 +1016 @@
 }
 
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-left: 0;
 }
@@ -1083 +1084 @@
 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
-  display: table;
-  margin-top: 0;
-  opacity: 1;
   /* Non-mobile position */
 }
@@ -1094 +1092 @@
   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+    display: table;
+    margin-top: 0;
+    opacity: 1;
     position: absolute;
     right: 0;
@@ -1479 +1480 @@
 /* Alignments */
 .alignleft {
+  float: left;
+  margin-left: 1rem;
+}
+
+.alignright {
   float: right;
-  margin-left: 1rem;
-}
-
-.alignright {
-  float: left;
   margin-right: 1rem;
 }
@@ -1540 +1541 @@
 }
 
+.site-header.featured-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+  margin-bottom: auto;
+}
+
 @media only screen and (min-width: 768px) {
   .site-header {
@@ -1546 +1558 @@
   }
   .site-header.featured-image {
-    display: flex;
     min-height: 100vh;
-    flex-direction: column;
-    justify-content: space-between;
     margin-bottom: 3rem;
-  }
-  .site-header.featured-image .site-branding-container {
-    margin-bottom: auto;
   }
 }
@@ -1755 +1761 @@
 
 .site-header.featured-image .site-featured-image .entry-header {
+  margin-top: calc( 4 * 1rem);
   margin-bottom: 0;
   margin-right: 0;
@@ -2402 +2409 @@
 }
 
+.comment-list .pingback .comment-body {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 0.71111em;
+  font-weight: 500;
+  margin-bottom: 1rem;
+}
+
+.comment-list .pingback .comment-body a:not(.comment-edit-link) {
+  font-weight: bold;
+  font-size: 19.55556px;
+  line-height: 1.5;
+  padding-left: 0.5rem;
+  display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 500;
+}
+
 .comment-reply {
   right: calc(1rem + 100%);
@@ -2430 +2459 @@
 }
 
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
-  opacity: 1;
-}
-
 .comment .comment-body {
   margin: calc(2 * 1rem) 0;
@@ -2444 +2468 @@
 
 @media only screen and (min-width: 768px) {
+  .comment .comment-meta {
+    display: flex;
+  }
+}
+
+@media only screen and (min-width: 768px) {
   .comment .comment-author {
-    display: inline-block;
+    flex: 0 0 auto;
     vertical-align: baseline;
   }
@@ -2513 +2543 @@
 @media only screen and (min-width: 768px) {
   .comment .comment-metadata {
-    display: inline-block;
+    flex: 1 0 auto;
     margin-right: 1rem;
     position: relative;
@@ -2546 +2576 @@
   color: #767676;
   margin: 0 0.2em;
-  opacity: 0;
-  transition: opacity 200ms ease-in-out;
   vertical-align: baseline;
 }
@@ -2553 +2581 @@
 .comment .comment-metadata .edit-link {
   color: #767676;
-  transition: opacity 200ms ease-in-out;
-  opacity: 0;
 }
 
@@ -2838 +2864 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -2876 +2902 @@
 .entry-content > *,
 .entry-summary > * {
+  max-width: calc(100vw - (2 * 1rem));
   margin: 32px 1rem;
-  max-width: calc(100vw - (2 * 1rem));
   /*
     // Set top margins for headings
@@ -2894 +2920 @@
   .entry-content > *,
   .entry-summary > * {
-    margin: 32px calc(2 * (100vw / 12));
     max-width: calc(8 * (100vw / 12));
   }
@@ -2903 +2928 @@
   .entry-summary > * {
     max-width: calc(6 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content > *,
+  .entry-summary > * {
+    margin: 32px calc(2 * (100vw / 12));
   }
 }
@@ -3023 +3055 @@
     max-width: 385.44px;
   }
+}
+
+.entry-content .wp-block-audio.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
 }
 
@@ -3087 +3124 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -3363 +3400 @@
 }
 
+.entry-content .wp-block-cover-image.aligncenter,
+.entry-content .wp-block-cover.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
+}
+
 .entry-content .wp-block-cover-image.has-left-content,
 .entry-content .wp-block-cover.has-left-content {
@@ -3406 +3449 @@
   margin: 0;
   padding: 0.5rem;
-  text-align: right;
+  text-align: center;
 }
 
@@ -3413 +3456 @@
   margin-bottom: 2rem;
   margin-top: 2rem;
+  text-align: right;
   /* Remove duplicate rule-line when a separator
          * is followed by an H1, or H2 */
@@ -3434 +3478 @@
 .entry-content hr + h2:before {
   display: none;
+}
+
+.entry-content .wp-block-separator.is-style-dots,
+.entry-content hr.is-style-dots {
+  max-width: calc(100vw - (2 * 1rem));
+  text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(8 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 1168px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(6 * (100vw / 12));
+  }
 }
 
@@ -3494 +3558 @@
 .entry-content .wp-block-code code {
   font-size: 1.125em;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 
@@ -3592 +3658 @@
 }
 
-.wp-caption .wp-caption-text {
-  margin: calc(0.875 * 1rem) 0;
-}
-
 .wp-caption-text {
+  color: #767676;
+  font-size: 0.71111em;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0.5rem;
   text-align: center;
 }

branches/5.0/src/wp-content/themes/twentynineteen/style.css

@@ -57 +57 @@
  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
  * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Calculates maximum width for post content */
 /* Normalize */
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@@ -959 +960 @@
 }
 
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-right: 0.5rem;
 }
@@ -1015 +1016 @@
 }
 
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
   margin-right: 0;
 }
@@ -1083 +1084 @@
 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
-  display: table;
-  margin-top: 0;
-  opacity: 1;
   /* Non-mobile position */
 }
@@ -1094 +1092 @@
   .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
   .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+    display: table;
+    margin-top: 0;
+    opacity: 1;
     position: absolute;
     left: 0;
@@ -1479 +1480 @@
 /* Alignments */
 .alignleft {
+  /*rtl:ignore*/
   float: left;
   margin-right: 1rem;
@@ -1484 +1486 @@
 
 .alignright {
+  /*rtl:ignore*/
   float: right;
   margin-left: 1rem;
@@ -1540 +1543 @@
 }
 
+.site-header.featured-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+  margin-bottom: auto;
+}
+
 @media only screen and (min-width: 768px) {
   .site-header {
@@ -1546 +1560 @@
   }
   .site-header.featured-image {
-    display: flex;
     min-height: 100vh;
-    flex-direction: column;
-    justify-content: space-between;
     margin-bottom: 3rem;
-  }
-  .site-header.featured-image .site-branding-container {
-    margin-bottom: auto;
   }
 }
@@ -1755 +1763 @@
 
 .site-header.featured-image .site-featured-image .entry-header {
+  margin-top: calc( 4 * 1rem);
   margin-bottom: 0;
   margin-left: 0;
@@ -2402 +2411 @@
 }
 
+.comment-list .pingback .comment-body {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 0.71111em;
+  font-weight: 500;
+  margin-bottom: 1rem;
+}
+
+.comment-list .pingback .comment-body a:not(.comment-edit-link) {
+  font-weight: bold;
+  font-size: 19.55556px;
+  line-height: 1.5;
+  padding-right: 0.5rem;
+  display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link {
+  color: #767676;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 500;
+}
+
 .comment-reply {
   left: calc(1rem + 100%);
@@ -2430 +2461 @@
 }
 
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
-  opacity: 1;
-}
-
 .comment .comment-body {
   margin: calc(2 * 1rem) 0;
@@ -2444 +2470 @@
 
 @media only screen and (min-width: 768px) {
+  .comment .comment-meta {
+    display: flex;
+  }
+}
+
+@media only screen and (min-width: 768px) {
   .comment .comment-author {
-    display: inline-block;
+    flex: 0 0 auto;
     vertical-align: baseline;
   }
@@ -2513 +2545 @@
 @media only screen and (min-width: 768px) {
   .comment .comment-metadata {
-    display: inline-block;
+    flex: 1 0 auto;
     margin-left: 1rem;
     position: relative;
@@ -2546 +2578 @@
   color: #767676;
   margin: 0 0.2em;
-  opacity: 0;
-  transition: opacity 200ms ease-in-out;
   vertical-align: baseline;
 }
@@ -2553 +2583 @@
 .comment .comment-metadata .edit-link {
   color: #767676;
-  transition: opacity 200ms ease-in-out;
-  opacity: 0;
 }
 
@@ -2838 +2866 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -2876 +2904 @@
 .entry-content > *,
 .entry-summary > * {
+  max-width: calc(100vw - (2 * 1rem));
   margin: 32px 1rem;
-  max-width: calc(100vw - (2 * 1rem));
   /*
     // Set top margins for headings
@@ -2894 +2922 @@
   .entry-content > *,
   .entry-summary > * {
-    margin: 32px calc(2 * (100vw / 12));
     max-width: calc(8 * (100vw / 12));
   }
@@ -2903 +2930 @@
   .entry-summary > * {
     max-width: calc(6 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content > *,
+  .entry-summary > * {
+    margin: 32px calc(2 * (100vw / 12));
   }
 }
@@ -3023 +3057 @@
     max-width: 385.44px;
   }
+}
+
+.entry-content .wp-block-audio.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
 }
 
@@ -3087 +3126 @@
   color: #767676;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: calc(22px * 1.6875);
+  font-size: calc(22px * 1.125);
   font-weight: bold;
   line-height: 1.2;
@@ -3363 +3402 @@
 }
 
+.entry-content .wp-block-cover-image.aligncenter,
+.entry-content .wp-block-cover.aligncenter {
+  margin: 32px calc(2 * (100vw / 12));
+  max-width: calc(6 * (100vw / 12));
+}
+
 .entry-content .wp-block-cover-image.has-left-content,
 .entry-content .wp-block-cover.has-left-content {
@@ -3406 +3451 @@
   margin: 0;
   padding: 0.5rem;
-  text-align: left;
+  text-align: center;
 }
 
@@ -3413 +3458 @@
   margin-bottom: 2rem;
   margin-top: 2rem;
+  text-align: left;
   /* Remove duplicate rule-line when a separator
          * is followed by an H1, or H2 */
@@ -3434 +3480 @@
 .entry-content hr + h2:before {
   display: none;
+}
+
+.entry-content .wp-block-separator.is-style-dots,
+.entry-content hr.is-style-dots {
+  max-width: calc(100vw - (2 * 1rem));
+  text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(8 * (100vw / 12));
+  }
+}
+
+@media only screen and (min-width: 1168px) {
+  .entry-content .wp-block-separator.is-style-dots,
+  .entry-content hr.is-style-dots {
+    max-width: calc(6 * (100vw / 12));
+  }
 }
 
@@ -3494 +3560 @@
 .entry-content .wp-block-code code {
   font-size: 1.125em;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 
@@ -3592 +3660 @@
 }
 
-.wp-caption .wp-caption-text {
-  margin: calc(0.875 * 1rem) 0;
-}
-
 .wp-caption-text {
+  color: #767676;
+  font-size: 0.71111em;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0.5rem;
   text-align: center;
 }

branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php

@@ -16 +16 @@
         <?php
         if ( is_sticky() && is_home() && ! is_paged() ) {
-            printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
+            printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
         }
         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

@@ -16 +16 @@
         <?php
         if ( is_sticky() && is_home() && ! is_paged() ) {
-            printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
+            printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
         }
         if ( is_singular() ) :

branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php

@@ -13 +13 @@
         <div class="site-logo"><?php the_custom_logo(); ?></div>
     <?php endif; ?>
-
-    <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
+    <?php $blog_info = get_bloginfo( 'name' ); ?>
+    <?php if ( ! empty( $blog_info ) ) : ?>
         <?php if ( is_front_page() && is_home() ) : ?>
             <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

@@ -16 +16 @@
         <?php the_author_meta( 'description' ); ?>
         <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
-            <?php _e( 'View more posts ', 'twentynineteen' ); ?>
+            <?php _e( 'View more posts', 'twentynineteen' ); ?>
         </a>
     </p><!-- .author-description -->