Changeset 43860
- Timestamp:
- 11/02/2018 11:52:16 PM (6 years ago)
- 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 198 198 'fb.me', 199 199 ), 200 201 202 200 203 'google-plus' => array( 201 204 'plus.google.com', 205 206 207 202 208 ), 203 209 'slideshare' => array( -
branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php
r43842 r43860 36 36 $comment_author_link = get_comment_author_link( $comment ); 37 37 $comment_author_url = get_comment_author_url( $comment ); 38 38 39 $avatar = get_avatar( $comment, $args['avatar_size'] ); 39 40 if ( 0 != $args['avatar_size'] ) { … … 41 42 echo $avatar; 42 43 } 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; 44 46 } 45 47 } … … 57 59 printf( 58 60 __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ), 59 sprintf( '< b class="fn">%s</b>', get_comment_author_link( $comment ))61 sprintf( '< ) 60 62 ); 63 64 65 66 61 67 ?> 62 68 </div><!-- .comment-author --> -
branches/5.0/src/wp-content/themes/twentynineteen/comments.php
r43842 r43860 14 14 15 15 /* 16 If the current post is protected by a password and16 If the current post is protected by a password and 17 17 * the visitor has not yet entered the password we will 18 18 * return early without loading the comments. -
branches/5.0/src/wp-content/themes/twentynineteen/footer.php
r43842 r43860 19 19 <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?> 20 20 <div class="site-info"> 21 <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?> 21 <?php $blog_info = get_bloginfo( 'name' ); ?> 22 <?php if ( ! empty( $blog_info ) ) : ?> 22 23 <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>, 23 24 <?php endif; ?> 24 25 <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 ?> 26 30 </a> 27 31 <?php -
branches/5.0/src/wp-content/themes/twentynineteen/functions.php
r43842 r43860 84 84 ); 85 85 86 87 88 86 89 // Add support for Block Styles 87 90 add_theme_support( 'wp-block-styles' ); … … 96 99 add_editor_style( 'style-editor.css' ); 97 100 98 // Add custom color to the editor color palette101 // ditor color palette 99 102 add_theme_support( 100 'editor-color-palette',103 'editor-color-palette', 101 104 array( 102 105 array( 103 106 'name' => esc_html__( 'Primary Color', 'twentynineteen' ), 104 107 'slug' => 'primary', 105 'color' => twentynineteen_hsl_hex( absint( get_theme_mod( 'colorscheme_hue', 199 )), 100, 33 ),108 'color' => twentynineteen_hsl_hex( ), 100, 33 ), 106 109 ), 107 110 ) 108 111 ); 112 113 114 109 115 110 116 } … … 121 127 register_sidebar( 122 128 array( 123 'name' => __( 'Footer 1', 'twentynineteen' ),129 'name' => __( 'Footer', 'twentynineteen' ), 124 130 'id' => 'sidebar-1', 125 131 'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ), … … 161 167 if ( has_nav_menu( 'menu-1' ) ) { 162 168 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 } 168 173 169 174 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 183 188 */ 184 function twentynineteen_editor_frame_styles() { 185 186 // Include color patterns 189 function 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 } 199 add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' ); 200 201 /** 202 * Display custom color CSS in customizer and on frontend. 203 */ 204 function 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 187 211 require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) ); 188 212 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 } 204 218 ?> 205 219 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="' . $ . '"' : ''; ?>> 207 221 <?php echo twentynineteen_custom_colors_css(); ?> 208 222 </style> -
branches/5.0/src/wp-content/themes/twentynineteen/image.php
r43842 r43860 101 101 </section><!-- .content-area --> 102 102 103 <?php get_footer(); ?> 103 <?php 104 get_footer(); -
branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php
r43842 r43860 13 13 function twentynineteen_custom_colors_css() { 14 14 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 } 17 20 18 21 /** … … 24 27 */ 25 28 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 . '%'; 29 37 30 38 $theme_css = ' … … 55 63 .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color, 56 64 .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; */ 58 66 } 59 67 … … 90 98 .entry-content > *[class^="wp-block-"] .has-primary-color, 91 99 .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; */ 93 101 } 94 102 … … 100 108 .entry-content .wp-block-quote:not(.is-large), 101 109 .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; */ 103 111 } 104 112 … … 123 131 input[type="color"]:focus, 124 132 textarea:focus { 125 border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33%); /* base: #0073a8; */133 border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ); /* base: #0073a8; */ 126 134 } 127 135 128 136 .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; */ 130 138 } 131 139 … … 140 148 #cancel-comment-reply-link:hover, 141 149 .widget a:hover { 142 color: hsl( ' . $primary_color . ', ' . $saturation . ', 23%); /* base: #005177; */150 color: hsl( ' . $primary_color . ', ' . $saturation . ', ); /* base: #005177; */ 143 151 } 144 152 … … 149 157 .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover, 150 158 .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; */ 152 160 }'; 153 161 … … 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), 166 174 .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; */ 168 176 } 169 177 170 178 .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large), 171 179 .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; */ 173 181 } 174 182 175 183 .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; */ 177 185 } 178 186 … … 182 190 .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus, 183 191 .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; */ 185 193 } 186 194 … … 188 196 .editor-block-list__layout .editor-block-list__block a:hover, 189 197 .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; */ 191 199 } 192 200 -
branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php
r43842 r43860 50 50 'colorscheme', 51 51 array( 52 'type' => 'radio',52 'type' => 'radio', 53 53 'label' => __( 'Color Scheme', 'twentynineteen' ), 54 54 'choices' => array( 55 'default' => _ _( 'Default', 'twentynineteen' ),56 'custom' => _ _( 'Custom', 'twentynineteen' ),55 'default' => _', 'twentynineteen' ), 56 'custom' => _', 'twentynineteen' ), 57 57 ), 58 58 'section' => 'colors', … … 63 63 // Add primary color setting and control. 64 64 $wp_customize->add_setting( 65 'colorscheme_ hue',65 'colorscheme_hue', 66 66 array( 67 67 'default' => 199, … … 74 74 new WP_Customize_Color_Control( 75 75 $wp_customize, 76 'colorscheme_ hue',76 'colorscheme_hue', 77 77 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.' ), 80 80 'section' => 'colors', 81 81 'mode' => 'hue', -
branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php
r43842 r43860 74 74 function twentynineteen_entry_footer() { 75 75 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. 83 77 if ( 'post' === get_post_type() ) { 78 79 80 81 82 83 84 84 85 /* translators: used between list items, there is a space after the comma. */ 85 86 $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. */ 100 101 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>', 102 103 twentynineteen_get_icon_svg( 'tag', 16 ), 103 104 esc_html__( 'Tags:', 'twentynineteen' ), … … 155 156 ?> 156 157 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> 171 165 172 166 <?php -
branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js
r43842 r43860 13 13 // Only show the color hue control when there's a custom color scheme. 14 14 wp.customize( 'colorscheme', function( setting ) { 15 wp.customize.control( 'colorscheme_ hue', function( control ) {15 wp.customize.control( 'colorscheme_hue', function( control ) { 16 16 var visibility = function() { 17 17 if ( 'custom' === setting.get() ) { -
branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js
r43842 r43860 25 25 26 26 // Primary color. 27 wp.customize( 'colorscheme_ hue', function( value ) {27 wp.customize( 'colorscheme_hue', function( value ) { 28 28 value.bind( function( to ) { 29 29 -
branches/5.0/src/wp-content/themes/twentynineteen/package.json
r43808 r43860 35 35 "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css", 36 36 "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", 38 38 "build:rtl": "rtlcss style.css style-rtl.css", 39 39 "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 3 3 .entry-content > *, 4 4 .entry-summary > * { 5 5 6 6 7 margin: 32px $size__spacing-unit; 7 max-width: calc(100vw - (2 * #{ $size__spacing-unit }));8 8 9 9 @include media(tablet) { 10 10 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 } 18 12 /* 19 13 // Set top margins for headings … … 123 117 max-width: (0.33 * $desktop_width); 124 118 } 119 120 121 122 123 125 124 } 126 125 } … … 195 194 color: $color__text-light; 196 195 font-family: $font__heading; 197 font-size: calc(#{$font__size_base} * #{$font__size- lg / 1em});196 font-size: calc(#{$font__size_base} * #{$font__size-); 198 197 font-weight: bold; 199 198 line-height: $font__line-height-heading; 200 199 201 200 &:not(.menu-item-has-children) { 202 201 padding-bottom: ( .75 * $size__spacing-unit ); … … 206 205 text-decoration: none; 207 206 } 208 207 209 208 ul { 210 209 padding-left: $size__spacing-unit; … … 460 459 } 461 460 461 462 463 464 465 462 466 &.has-left-content { 463 467 justify-content: center; … … 498 502 margin: 0; 499 503 padding: ( $size__spacing-unit * .5 ); 500 text-align: left;504 text-align: ; 501 505 } 502 506 … … 506 510 margin-bottom: (2 * $size__spacing-unit); 507 511 margin-top: (2 * $size__spacing-unit); 512 508 513 509 514 &:not(.is-style-dots) { … … 527 532 } 528 533 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 } 534 544 } 535 545 } … … 589 599 code { 590 600 font-size: $font__size-md; 601 602 591 603 } 592 604 } … … 654 666 655 667 p, 656 h1, 668 h1, 657 669 h2, 658 670 h3, 659 671 h4, 660 672 h5, 661 h6, 673 h6, 662 674 a { 663 675 color: $color__background-body; -
branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss
r43808 r43860 9 9 } 10 10 11 .wp-caption .wp-caption-text {12 margin: calc(0.875 * #{$size__spacing-unit}) 0;13 }14 15 11 .wp-caption-text { 12 13 14 15 16 17 16 18 text-align: center; 17 19 } -
branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss
r43842 r43860 43 43 opacity: .8; 44 44 z-index: 3; 45 45 46 46 /* Browsers supporting mix-blend-mode don't need opacity < 1 */ 47 47 @supports (mix-blend-mode: multiply) { … … 88 88 } 89 89 90 91 92 93 94 95 96 97 98 99 100 101 102 90 103 @import "utilities"; -
branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss
r43808 r43860 1 1 .alignleft { 2 2 3 float: left; 3 4 margin-right: $size__spacing-unit; … … 5 6 6 7 .alignright { 8 7 9 float: right; 8 10 margin-left: $size__spacing-unit; -
branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
r43842 r43860 68 68 } 69 69 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}; 76 73 } 77 74 } … … 128 125 } 129 126 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; 136 130 } 137 131 … … 207 201 .main-menu .menu-item-has-children .sub-menu:hover, 208 202 .main-menu .menu-item-has-children .sub-menu:focus { 209 display: table;210 margin-top: 0;211 opacity: 1;212 213 203 /* Non-mobile position */ 214 204 @include media(tablet) { 205 206 207 215 208 position: absolute; 216 209 left: 0; -
branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss
r43842 r43860 62 62 63 63 .site-featured-image .entry-header { 64 64 margin-top: calc( 4 * #{$size__spacing-unit}); 65 65 margin-bottom: 0; 66 66 margin-left: 0; -
branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss
r43842 r43860 2 2 3 3 .site-header { 4 4 5 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 } 6 16 7 17 @include media(tablet) { … … 10 20 11 21 &.featured-image { 12 display: flex;13 22 min-height: 100vh; 14 flex-direction: column;15 justify-content: space-between;16 23 margin-bottom: 3rem; 17 18 .site-branding-container {19 margin-bottom: auto;20 }21 24 } 22 25 } -
branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss
r43842 r43860 123 123 margin-top: 0; 124 124 } 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 125 150 } 126 151 … … 151 176 } 152 177 153 &:hover > .comment-body > .comment-meta > .comment-metadata {154 > .edit-link-sep,155 > .edit-link {156 opacity: 1;157 }158 }159 160 178 .comment-body { 161 179 margin: calc(2 * #{$size__spacing-unit}) 0; … … 164 182 .comment-meta { 165 183 position: relative; 184 185 186 187 166 188 } 167 189 … … 169 191 170 192 @include media(tablet) { 171 display: inline-block;193 ; 172 194 vertical-align: baseline; 173 195 } … … 232 254 233 255 @include media(tablet) { 234 display: inline-block;256 ; 235 257 margin-left: $size__spacing-unit; 236 258 position: relative; … … 262 284 color: $color__text-light; 263 285 margin: 0 0.2em; 264 opacity: 0;265 transition: opacity 200ms ease-in-out;266 286 vertical-align: baseline; 267 287 } … … 269 289 .edit-link { 270 290 color: $color__text-light; 271 transition: opacity 200ms ease-in-out;272 opacity: 0;273 291 274 292 svg { -
branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss
r43842 r43860 29 29 color: $color__text-light; 30 30 font-family: $font__heading; 31 font-size: calc(#{$font__size_base} * #{$font__size- lg / 1em});31 font-size: calc(#{$font__size_base} * #{$font__size-); 32 32 font-weight: bold; 33 33 line-height: $font__line-height-heading; -
branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css
r43842 r43860 1 1 /*! 2 2 Twenty 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 refactored6 when Gutenberg supports styling those variations more intuitively.7 3 */ 8 4 /** === Includes === */ … … 10 6 * since its edges can look jagged due to lack of antialiasing. In this case, we are several 11 7 * 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 12 45 /** === Content Width === */ 13 46 .wp-block { 14 47 width: calc(100vw - (2 * 1rem)); 48 15 49 } 16 50 … … 25 59 width: calc(6 * (100vw / 12 )); 26 60 } 61 62 63 64 27 65 } 28 66 … … 137 175 } 138 176 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 139 207 /** === Paragraph === */ 140 208 .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { … … 155 223 } 156 224 157 .wp-block-cover.has-left-content {158 justify-content: center;159 }160 161 225 .wp-block-cover.has-left-content h2, 162 226 .wp-block-cover.has-left-content .wp-block-cover-text { … … 164 228 } 165 229 166 .wp-block-cover.has-right-content {167 justify-content: center;168 }169 170 230 .wp-block-cover.has-right-content h2, 171 231 .wp-block-cover.has-right-content .wp-block-cover-text { … … 173 233 } 174 234 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 { 179 239 width: 100%; 180 240 max-width: 305px; … … 182 242 183 243 @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 { 188 248 padding: 0; 189 249 width: calc(6 * (100vw / 12)); … … 293 353 } 294 354 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 { 304 364 font-size: 1.6875em; 305 365 font-style: italic; … … 310 370 311 371 @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 { 321 381 font-size: 2.25em; 322 382 } 323 383 } 324 384 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 { 328 388 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; 329 389 font-size: 0.71111em; … … 332 392 } 333 393 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 { 337 397 font-style: normal; 338 398 } 339 399 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 { 342 402 max-width: 50%; 343 403 } 344 404 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) { 347 407 padding: 0; 348 408 } 349 409 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 { 352 412 padding: 1em; 353 413 } 354 414 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 { 363 423 text-align: left; 364 424 } … … 406 466 color: #767676; 407 467 font-size: 1.6875em; 408 letter-spacing: 0.88889em; 468 letter-spacing: calc(2 * 1rem); 469 padding-left: calc(2 * 1rem); 409 470 } 410 471 … … 428 489 .wp-block-latest-posts li { 429 490 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: ; 431 492 font-weight: bold; 432 493 line-height: 1.2; … … 493 554 /* Properly center-align captions in the classic-editor block */ 494 555 .wp-caption dd { 556 557 558 559 560 561 562 495 563 text-align: center; 496 564 -webkit-margin-start: 0px; -
branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss
r43842 r43860 1 1 /*! 2 2 Twenty 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 refactored6 when Gutenberg supports styling those variations more intuitively.7 3 */ 8 4 … … 13 9 @import "sass/mixins/mixins-master"; 14 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 45 46 47 48 49 50 51 52 53 54 15 55 /** === Content Width === */ 16 56 17 57 .wp-block { 18 58 width: calc(100vw - (2 * #{$size__spacing-unit})); 59 19 60 20 61 @include media(tablet) { … … 24 65 @include media(desktop) { 25 66 width: calc(6 * (100vw / 12 )); 67 68 69 70 26 71 } 27 72 } … … 126 171 } 127 172 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 128 200 /** === Paragraph === */ 129 201 … … 152 224 153 225 &.has-left-content { 154 justify-content: center;155 226 156 227 h2, … … 161 232 162 233 &.has-right-content { 163 justify-content: center;164 234 165 235 h2, … … 170 240 } 171 241 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"] { 174 244 175 245 h2, … … 180 250 } 181 251 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"] { 184 254 185 255 @include media(desktop) { … … 308 378 } 309 379 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"] { 313 383 314 384 blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, … … 338 408 } 339 409 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"] { 342 412 343 413 .editor-block-list__block-edit { … … 413 483 color: $color__text-light; 414 484 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}); 416 487 } 417 488 } … … 432 503 li { 433 504 font-family: $font__heading; 434 font-size: $font__size-lg;505 font-size: ; 435 506 font-weight: bold; 436 507 line-height: $font__line-height-heading; … … 499 570 .wp-caption { 500 571 dd { 572 573 574 575 576 577 578 501 579 text-align: center; 502 580 -webkit-margin-start: 0px; -
branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css
r43842 r43860 57 57 * since its edges can look jagged due to lack of antialiasing. In this case, we are several 58 58 * layers of box-shadow to add the border visually, which will render the border smoother. */ 59 59 60 /* Normalize */ 60 61 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ … … 959 960 } 960 961 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 { 963 964 margin-left: 0.5rem; 964 965 } … … 1015 1016 } 1016 1017 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 { 1019 1020 margin-left: 0; 1020 1021 } … … 1083 1084 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover, 1084 1085 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus { 1085 display: table;1086 margin-top: 0;1087 opacity: 1;1088 1086 /* Non-mobile position */ 1089 1087 } … … 1094 1092 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover, 1095 1093 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus { 1094 1095 1096 1096 1097 position: absolute; 1097 1098 right: 0; … … 1479 1480 /* Alignments */ 1480 1481 .alignleft { 1482 1483 1484 1485 1486 1481 1487 float: right; 1482 margin-left: 1rem;1483 }1484 1485 .alignright {1486 float: left;1487 1488 margin-right: 1rem; 1488 1489 } … … 1540 1541 } 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1542 1554 @media only screen and (min-width: 768px) { 1543 1555 .site-header { … … 1546 1558 } 1547 1559 .site-header.featured-image { 1548 display: flex;1549 1560 min-height: 100vh; 1550 flex-direction: column;1551 justify-content: space-between;1552 1561 margin-bottom: 3rem; 1553 }1554 .site-header.featured-image .site-branding-container {1555 margin-bottom: auto;1556 1562 } 1557 1563 } … … 1755 1761 1756 1762 .site-header.featured-image .site-featured-image .entry-header { 1763 1757 1764 margin-bottom: 0; 1758 1765 margin-right: 0; … … 2402 2409 } 2403 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2404 2433 .comment-reply { 2405 2434 right: calc(1rem + 100%); … … 2430 2459 } 2431 2460 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 2437 2461 .comment .comment-body { 2438 2462 margin: calc(2 * 1rem) 0; … … 2444 2468 2445 2469 @media only screen and (min-width: 768px) { 2470 2471 2472 2473 2474 2475 2446 2476 .comment .comment-author { 2447 display: inline-block;2477 ; 2448 2478 vertical-align: baseline; 2449 2479 } … … 2513 2543 @media only screen and (min-width: 768px) { 2514 2544 .comment .comment-metadata { 2515 display: inline-block;2545 ; 2516 2546 margin-right: 1rem; 2517 2547 position: relative; … … 2546 2576 color: #767676; 2547 2577 margin: 0 0.2em; 2548 opacity: 0;2549 transition: opacity 200ms ease-in-out;2550 2578 vertical-align: baseline; 2551 2579 } … … 2553 2581 .comment .comment-metadata .edit-link { 2554 2582 color: #767676; 2555 transition: opacity 200ms ease-in-out;2556 opacity: 0;2557 2583 } 2558 2584 … … 2838 2864 color: #767676; 2839 2865 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); 2841 2867 font-weight: bold; 2842 2868 line-height: 1.2; … … 2876 2902 .entry-content > *, 2877 2903 .entry-summary > * { 2904 2878 2905 margin: 32px 1rem; 2879 max-width: calc(100vw - (2 * 1rem));2880 2906 /* 2881 2907 // Set top margins for headings … … 2894 2920 .entry-content > *, 2895 2921 .entry-summary > * { 2896 margin: 32px calc(2 * (100vw / 12));2897 2922 max-width: calc(8 * (100vw / 12)); 2898 2923 } … … 2903 2928 .entry-summary > * { 2904 2929 max-width: calc(6 * (100vw / 12)); 2930 2931 2932 2933 2934 2935 2936 2905 2937 } 2906 2938 } … … 3023 3055 max-width: 385.44px; 3024 3056 } 3057 3058 3059 3060 3061 3025 3062 } 3026 3063 … … 3087 3124 color: #767676; 3088 3125 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); 3090 3127 font-weight: bold; 3091 3128 line-height: 1.2; … … 3363 3400 } 3364 3401 3402 3403 3404 3405 3406 3407 3365 3408 .entry-content .wp-block-cover-image.has-left-content, 3366 3409 .entry-content .wp-block-cover.has-left-content { … … 3406 3449 margin: 0; 3407 3450 padding: 0.5rem; 3408 text-align: right;3451 text-align: ; 3409 3452 } 3410 3453 … … 3413 3456 margin-bottom: 2rem; 3414 3457 margin-top: 2rem; 3458 3415 3459 /* Remove duplicate rule-line when a separator 3416 3460 * is followed by an H1, or H2 */ … … 3434 3478 .entry-content hr + h2:before { 3435 3479 display: none; 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3436 3500 } 3437 3501 … … 3494 3558 .entry-content .wp-block-code code { 3495 3559 font-size: 1.125em; 3560 3561 3496 3562 } 3497 3563 … … 3592 3658 } 3593 3659 3594 .wp-caption .wp-caption-text {3595 margin: calc(0.875 * 1rem) 0;3596 }3597 3598 3660 .wp-caption-text { 3661 3662 3663 3664 3665 3666 3599 3667 text-align: center; 3600 3668 } -
branches/5.0/src/wp-content/themes/twentynineteen/style.css
r43842 r43860 57 57 * since its edges can look jagged due to lack of antialiasing. In this case, we are several 58 58 * layers of box-shadow to add the border visually, which will render the border smoother. */ 59 59 60 /* Normalize */ 60 61 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ … … 959 960 } 960 961 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 { 963 964 margin-right: 0.5rem; 964 965 } … … 1015 1016 } 1016 1017 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 { 1019 1020 margin-right: 0; 1020 1021 } … … 1083 1084 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover, 1084 1085 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus { 1085 display: table;1086 margin-top: 0;1087 opacity: 1;1088 1086 /* Non-mobile position */ 1089 1087 } … … 1094 1092 .main-navigation .main-menu .menu-item-has-children .sub-menu:hover, 1095 1093 .main-navigation .main-menu .menu-item-has-children .sub-menu:focus { 1094 1095 1096 1096 1097 position: absolute; 1097 1098 left: 0; … … 1479 1480 /* Alignments */ 1480 1481 .alignleft { 1482 1481 1483 float: left; 1482 1484 margin-right: 1rem; … … 1484 1486 1485 1487 .alignright { 1488 1486 1489 float: right; 1487 1490 margin-left: 1rem; … … 1540 1543 } 1541 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1542 1556 @media only screen and (min-width: 768px) { 1543 1557 .site-header { … … 1546 1560 } 1547 1561 .site-header.featured-image { 1548 display: flex;1549 1562 min-height: 100vh; 1550 flex-direction: column;1551 justify-content: space-between;1552 1563 margin-bottom: 3rem; 1553 }1554 .site-header.featured-image .site-branding-container {1555 margin-bottom: auto;1556 1564 } 1557 1565 } … … 1755 1763 1756 1764 .site-header.featured-image .site-featured-image .entry-header { 1765 1757 1766 margin-bottom: 0; 1758 1767 margin-left: 0; … … 2402 2411 } 2403 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2404 2435 .comment-reply { 2405 2436 left: calc(1rem + 100%); … … 2430 2461 } 2431 2462 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 2437 2463 .comment .comment-body { 2438 2464 margin: calc(2 * 1rem) 0; … … 2444 2470 2445 2471 @media only screen and (min-width: 768px) { 2472 2473 2474 2475 2476 2477 2446 2478 .comment .comment-author { 2447 display: inline-block;2479 ; 2448 2480 vertical-align: baseline; 2449 2481 } … … 2513 2545 @media only screen and (min-width: 768px) { 2514 2546 .comment .comment-metadata { 2515 display: inline-block;2547 ; 2516 2548 margin-left: 1rem; 2517 2549 position: relative; … … 2546 2578 color: #767676; 2547 2579 margin: 0 0.2em; 2548 opacity: 0;2549 transition: opacity 200ms ease-in-out;2550 2580 vertical-align: baseline; 2551 2581 } … … 2553 2583 .comment .comment-metadata .edit-link { 2554 2584 color: #767676; 2555 transition: opacity 200ms ease-in-out;2556 opacity: 0;2557 2585 } 2558 2586 … … 2838 2866 color: #767676; 2839 2867 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); 2841 2869 font-weight: bold; 2842 2870 line-height: 1.2; … … 2876 2904 .entry-content > *, 2877 2905 .entry-summary > * { 2906 2878 2907 margin: 32px 1rem; 2879 max-width: calc(100vw - (2 * 1rem));2880 2908 /* 2881 2909 // Set top margins for headings … … 2894 2922 .entry-content > *, 2895 2923 .entry-summary > * { 2896 margin: 32px calc(2 * (100vw / 12));2897 2924 max-width: calc(8 * (100vw / 12)); 2898 2925 } … … 2903 2930 .entry-summary > * { 2904 2931 max-width: calc(6 * (100vw / 12)); 2932 2933 2934 2935 2936 2937 2938 2905 2939 } 2906 2940 } … … 3023 3057 max-width: 385.44px; 3024 3058 } 3059 3060 3061 3062 3063 3025 3064 } 3026 3065 … … 3087 3126 color: #767676; 3088 3127 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); 3090 3129 font-weight: bold; 3091 3130 line-height: 1.2; … … 3363 3402 } 3364 3403 3404 3405 3406 3407 3408 3409 3365 3410 .entry-content .wp-block-cover-image.has-left-content, 3366 3411 .entry-content .wp-block-cover.has-left-content { … … 3406 3451 margin: 0; 3407 3452 padding: 0.5rem; 3408 text-align: left;3453 text-align: ; 3409 3454 } 3410 3455 … … 3413 3458 margin-bottom: 2rem; 3414 3459 margin-top: 2rem; 3460 3415 3461 /* Remove duplicate rule-line when a separator 3416 3462 * is followed by an H1, or H2 */ … … 3434 3480 .entry-content hr + h2:before { 3435 3481 display: none; 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3436 3502 } 3437 3503 … … 3494 3560 .entry-content .wp-block-code code { 3495 3561 font-size: 1.125em; 3562 3563 3496 3564 } 3497 3565 … … 3592 3660 } 3593 3661 3594 .wp-caption .wp-caption-text {3595 margin: calc(0.875 * 1rem) 0;3596 }3597 3598 3662 .wp-caption-text { 3663 3664 3665 3666 3667 3668 3599 3669 text-align: center; 3600 3670 } -
branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php
r43842 r43860 16 16 <?php 17 17 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' ) ); 19 19 } 20 20 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 16 16 <?php 17 17 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' ) ); 19 19 } 20 20 if ( is_singular() ) : -
branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php
r43842 r43860 13 13 <div class="site-logo"><?php the_custom_logo(); ?></div> 14 14 <?php endif; ?> 15 16 <?php if ( ! empty( get_bloginfo( 'name' )) ) : ?>15 <?php $blog_info = get_bloginfo( 'name' ); ?> 16 <?php if ( ! empty( ) ) : ?> 17 17 <?php if ( is_front_page() && is_home() ) : ?> 18 18 <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 16 16 <?php the_author_meta( 'description' ); ?> 17 17 <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 18 <?php _e( 'View more posts', 'twentynineteen' ); ?> 19 19 </a> 20 20 </p><!-- .author-description -->
Note: See TracChangeset
for help on using the changeset viewer.