Make WordPress Core

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:
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
     201
     202
    200203        'google-plus' => array(
    201204            'plus.google.com',
     205
     206
     207
    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
    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( '< )
    6062                            );
     63
     64
     65
     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
     16If 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
     87
     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        // ditor 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( ), 100, 33 ),
    106109                ),
    107110            )
    108111        );
     112
     113
     114
    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="' . $ . '"' : ''; ?>>
    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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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 . ', ); /* 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'  => _', 'twentynineteen' ),
     56                'custom' => _', 'twentynineteen' ),
    5757            ),
    5858            'section'  => 'colors',
     
    6363    // Add primary color setting and control.
    6464    $wp_customize->add_setting(
    65         'colorscheme_hue',
     65        'colorscheme_hue',
    6666        array(
    6767            'default'           => 199,
     
    7474        new WP_Customize_Color_Control(
    7575            $wp_customize,
    76             'colorscheme_hue',
     76            'colorscheme_hue',
    7777            array(
    78                 'label'       => __( 'Primary Color' ),
    79                 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
     78                'label'       => __( 'Primary Color' ),
     79                'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
    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
     80
     81
     82
     83
     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="-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_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_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-.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
    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
     122
     123
    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-);
    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
     462
     463
     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: ;
    501505    }
    502506
     
    506510        margin-bottom: (2 * $size__spacing-unit);
    507511        margin-top: (2 * $size__spacing-unit);
     512
    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
     602
    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
     13
     14
     15
     16
     17
    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
     91
     92
     93
     94
     95
     96
     97
     98
     99
     100
     101
     102
    90103@import "utilities";
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss

    r43808 r43860  
    11.alignleft {
     2
    23    float: left;
    34    margin-right: $size__spacing-unit;
     
    56
    67.alignright {
     8
    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
     206
     207
    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
    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
     127
     128
     129
     130
     131
     132
     133
     134
     135
     136
     137
     138
     139
     140
     141
     142
     143
     144
     145
     146
     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
     186
     187
    166188    }
    167189
     
    169191
    170192        @include media(tablet) {
    171             display: inline-block;
     193            ;
    172194            vertical-align: baseline;
    173195        }
     
    232254
    233255        @include media(tablet) {
    234             display: inline-block;
     256            ;
    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-);
    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
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37
     38
     39
     40
     41
     42
     43
     44
    1245/** === Content Width === */
    1346.wp-block {
    1447  width: calc(100vw - (2 * 1rem));
     48
    1549}
    1650
     
    2559    width: calc(6 * (100vw / 12 ));
    2660  }
     61
     62
     63
     64
    2765}
    2866
     
    137175}
    138176
     177
     178
     179
     180
     181
     182
     183
     184
     185
     186
     187
     188
     189
     190
     191
     192
     193
     194
     195
     196
     197
     198
     199
     200
     201
     202
     203
     204
     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[data-type="core/cover"][data-align="left"] h2,
     236[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
     237[data-type="core/cover"][data-align="right"] h2,
     238[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  [data-type="core/cover"][data-align="wide"] h2,
     245  [data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     246  [data-type="core/cover"][data-align="full"] h2,
     247  [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[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     356[data-type="core/pullquote"] blockquote > .editor-rich-text p,
     357[data-type="core/pullquote"] p,
     358[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     359[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     360[data-type="core/pullquote"][data-align="left"] p,
     361[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     362[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     363[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  [data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     373  [data-type="core/pullquote"] blockquote > .editor-rich-text p,
     374  [data-type="core/pullquote"] p,
     375  [data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     376  [data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     377  [data-type="core/pullquote"][data-align="left"] p,
     378  [data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     379  [data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     380  [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[data-type="core/pullquote"] .wp-block-pullquote__citation,
     386[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     387[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[data-type="core/pullquote"] em,
     395[data-type="core/pullquote"][data-align="left"] em,
     396[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[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
     401[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[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
     406[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[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
     411[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[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     416[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
     417[data-type="core/pullquote"][data-align="left"] p,
     418[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
     419[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
     420[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
     421[data-type="core/pullquote"][data-align="right"] p,
     422[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: ;
    431492  font-weight: bold;
    432493  line-height: 1.2;
     
    493554/* Properly center-align captions in the classic-editor block */
    494555.wp-caption dd {
     556
     557
     558
     559
     560
     561
     562
    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
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37
     38
     39
     40
     41
     42
     43
     44
     45
     46
     47
     48
     49
     50
     51
     52
     53
     54
    1555/** === Content Width === */
    1656
    1757.wp-block {
    1858    width: calc(100vw - (2 * #{$size__spacing-unit}));
     59
    1960
    2061    @include media(tablet) {
     
    2465    @include media(desktop) {
    2566        width: calc(6 * (100vw / 12 ));
     67
     68
     69
     70
    2671    }
    2772}
     
    126171}
    127172
     173
     174
     175
     176
     177
     178
     179
     180
     181
     182
     183
     184
     185
     186
     187
     188
     189
     190
     191
     192
     193
     194
     195
     196
     197
     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[data-type="core/cover"][data-align="left"],
     243[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[data-type="core/cover"][data-align="wide"],
     253[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[data-type="core/pullquote"],
     381[data-type="core/pullquote"][data-align="left"],
     382[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[data-type="core/pullquote"][data-align="left"],
     411[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: ;
    435506        font-weight: bold;
    436507        line-height: $font__line-height-heading;
     
    499570.wp-caption {
    500571    dd {
     572
     573
     574
     575
     576
     577
     578
    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
    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
     1095
     1096
    10961097    position: absolute;
    10971098    right: 0;
     
    14791480/* Alignments */
    14801481.alignleft {
     1482
     1483
     1484
     1485
     1486
    14811487  float: right;
    1482   margin-left: 1rem;
    1483 }
    1484 
    1485 .alignright {
    1486   float: left;
    14871488  margin-right: 1rem;
    14881489}
     
    15401541}
    15411542
     1543
     1544
     1545
     1546
     1547
     1548
     1549
     1550
     1551
     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
    17571764  margin-bottom: 0;
    17581765  margin-right: 0;
     
    24022409}
    24032410
     2411
     2412
     2413
     2414
     2415
     2416
     2417
     2418
     2419
     2420
     2421
     2422
     2423
     2424
     2425
     2426
     2427
     2428
     2429
     2430
     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
     2471
     2472
     2473
     2474
     2475
    24462476  .comment .comment-author {
    2447     display: inline-block;
     2477    ;
    24482478    vertical-align: baseline;
    24492479  }
     
    25132543@media only screen and (min-width: 768px) {
    25142544  .comment .comment-metadata {
    2515     display: inline-block;
     2545    ;
    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.5);
    28412867  font-weight: bold;
    28422868  line-height: 1.2;
     
    28762902.entry-content > *,
    28772903.entry-summary > * {
     2904
    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
     2934
     2935
     2936
    29052937  }
    29062938}
     
    30233055    max-width: 385.44px;
    30243056  }
     3057
     3058
     3059
     3060
     3061
    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.5);
    30903127  font-weight: bold;
    30913128  line-height: 1.2;
     
    33633400}
    33643401
     3402
     3403
     3404
     3405
     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: ;
    34093452}
    34103453
     
    34133456  margin-bottom: 2rem;
    34143457  margin-top: 2rem;
     3458
    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
     3483
     3484
     3485
     3486
     3487
     3488
     3489
     3490
     3491
     3492
     3493
     3494
     3495
     3496
     3497
     3498
     3499
    34363500}
    34373501
     
    34943558.entry-content .wp-block-code code {
    34953559  font-size: 1.125em;
     3560
     3561
    34963562}
    34973563
     
    35923658}
    35933659
    3594 .wp-caption .wp-caption-text {
    3595   margin: calc(0.875 * 1rem) 0;
    3596 }
    3597 
    35983660.wp-caption-text {
     3661
     3662
     3663
     3664
     3665
     3666
    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
    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
     1095
     1096
    10961097    position: absolute;
    10971098    left: 0;
     
    14791480/* Alignments */
    14801481.alignleft {
     1482
    14811483  float: left;
    14821484  margin-right: 1rem;
     
    14841486
    14851487.alignright {
     1488
    14861489  float: right;
    14871490  margin-left: 1rem;
     
    15401543}
    15411544
     1545
     1546
     1547
     1548
     1549
     1550
     1551
     1552
     1553
     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
    17571766  margin-bottom: 0;
    17581767  margin-left: 0;
     
    24022411}
    24032412
     2413
     2414
     2415
     2416
     2417
     2418
     2419
     2420
     2421
     2422
     2423
     2424
     2425
     2426
     2427
     2428
     2429
     2430
     2431
     2432
     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
     2473
     2474
     2475
     2476
     2477
    24462478  .comment .comment-author {
    2447     display: inline-block;
     2479    ;
    24482480    vertical-align: baseline;
    24492481  }
     
    25132545@media only screen and (min-width: 768px) {
    25142546  .comment .comment-metadata {
    2515     display: inline-block;
     2547    ;
    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.5);
    28412869  font-weight: bold;
    28422870  line-height: 1.2;
     
    28762904.entry-content > *,
    28772905.entry-summary > * {
     2906
    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
     2936
     2937
     2938
    29052939  }
    29062940}
     
    30233057    max-width: 385.44px;
    30243058  }
     3059
     3060
     3061
     3062
     3063
    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.5);
    30903129  font-weight: bold;
    30913130  line-height: 1.2;
     
    33633402}
    33643403
     3404
     3405
     3406
     3407
     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: ;
    34093454}
    34103455
     
    34133458  margin-bottom: 2rem;
    34143459  margin-top: 2rem;
     3460
    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
     3485
     3486
     3487
     3488
     3489
     3490
     3491
     3492
     3493
     3494
     3495
     3496
     3497
     3498
     3499
     3500
     3501
    34363502}
    34373503
     
    34943560.entry-content .wp-block-code code {
    34953561  font-size: 1.125em;
     3562
     3563
    34963564}
    34973565
     
    35923660}
    35933661
    3594 .wp-caption .wp-caption-text {
    3595   margin: calc(0.875 * 1rem) 0;
    3596 }
    3597 
    35983662.wp-caption-text {
     3663
     3664
     3665
     3666
     3667
     3668
    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>', _', '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>', _', '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( ) ) : ?>
    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.