WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Bundled Themes: Update Twenty Twenty. 

This brings `trunk`’s version of Twenty Twenty in-sync with GitHub.

For a complete list of changes since [46445], see 7246fd6...bc89c51.

Props anlino, ianbelanger, poena, williampatton, nielslange, acosmin, netweb, joyously, mahesh901122, josephscott, byalextran, amolv, Clorith.
See #48110.
Built from https://develop.svn.wordpress.org/trunk@46551


git-svn-id: http://core.svn.wordpress.org/trunk@46348 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
desrosj 2019-10-15 18:47:02 +00:00
parent 02810533c4
commit 908961974e
15 changed files with 171 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
wp-content/themes/twentytwenty/.stylelintrc.json
View File

@ -1,7 +1,12 @@
{ {
"extends": "stylelint-config-wordpress", "extends": [
"stylelint-config-wordpress"
],
"plugins": ["stylelint-a11y"],
"rules": { "rules": {
"font-family-no-missing-generic-family-keyword": null, "font-family-no-missing-generic-family-keyword": null,
"no-descending-specificity": null "no-descending-specificity": null,
"a11y/no-outline-none": true,
"a11y/selector-pseudo-class-focus": true
} }
} }

4
wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
View File

@ -57,14 +57,14 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
/* Structure --------------------------------- */ /* Structure --------------------------------- */

4
wp-content/themes/twentytwenty/assets/css/editor-style-block.css
View File

@ -57,14 +57,14 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
/* Structure --------------------------------- */ /* Structure --------------------------------- */

4
wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css
View File

@ -30,14 +30,14 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
/* Structure --------------------------------- */ /* Structure --------------------------------- */

4
wp-content/themes/twentytwenty/assets/css/editor-style-classic.css
View File

@ -30,14 +30,14 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(../fonts/inter/Inter-upright.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(../fonts/inter/Inter-italic.var.woff2) format("woff2"); src: url(../fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
/* Structure --------------------------------- */ /* Structure --------------------------------- */

134
wp-content/themes/twentytwenty/assets/js/index.js
View File

@ -92,23 +92,25 @@ twentytwenty.coverModals = {
// Handle cover modals when they're toggled // Handle cover modals when they're toggled
onToggle: function() { onToggle: function() {
document.querySelector( '.cover-modal' ).addEventListener( 'toggled', function( event ) { document.querySelectorAll( '.cover-modal' ).forEach( function( element ) {
var modal, body; element.addEventListener( 'toggled', function( event ) {
var modal, body;
modal = event.target; modal = event.target;
body = document.body; body = document.body;
if ( modal.classList.contains( 'active' ) ) { if ( modal.classList.contains( 'active' ) ) {
body.classList.add( 'showing-modal' ); body.classList.add( 'showing-modal' );
} else { } else {
body.classList.remove( 'showing-modal' ); body.classList.remove( 'showing-modal' );
body.classList.add( 'hiding-modal' ); body.classList.add( 'hiding-modal' );
// Remove the hiding class after a delay, when animations have been run // Remove the hiding class after a delay, when animations have been run
setTimeout( function() { setTimeout( function() {
body.classList.remove( 'hiding-modal' ); body.classList.remove( 'hiding-modal' );
}, 500 ); }, 500 );
} }
} );
} ); } );
}, },
@ -413,7 +415,7 @@ twentytwenty.modalMenu = {
init: function() { init: function() {
// If the current menu item is in a sub level, expand all the levels higher up on load // If the current menu item is in a sub level, expand all the levels higher up on load
this.expandLevel(); this.expandLevel();
this.goBackToCloseButton(); this.keepFocusInModal();
}, },
expandLevel: function() { expandLevel: function() {
@ -433,74 +435,54 @@ twentytwenty.modalMenu = {
} ); } );
}, },
// If the current menu item is the last one, return to close button when tab keepFocusInModal: function() {
goBackToCloseButton: function() { var _doc = document;
document.addEventListener( 'keydown', function( event ) {
var closeMenuButton, mobileMenu, isDesktop, menuLinks, firstLevelmenuLinks, lastMenuLinkToggleButton, lastToogleSubMenuLinkNotOpened, lastMenuLinkHasSubClosedMenu, socialLinks, hasSocialMenu, lastModalMenuItems, focusedElementParentLi, focusedElementIsInsideModal, lastMenuItem, isFirstModalItem, isLastModalItem;
closeMenuButton = document.querySelector( '.toggle.close-nav-toggle' ); _doc.addEventListener( 'keydown', function( event ) {
mobileMenu = document.querySelector( '.mobile-menu' ); var clickedEl = twentytwenty.toggles.clickedEl,
toggleTarget, modal, selectors, elements, menuType, bottomMenu, activeEl, lastEl, firstEl, tabKey, shiftKey;
if ( mobileMenu ) { if ( clickedEl && _doc.body.classList.contains( 'showing-modal' ) ) {
return false; toggleTarget = clickedEl.dataset.toggleTarget;
} selectors = 'input, a, button';
modal = _doc.querySelector( toggleTarget );
isDesktop = window.getComputedStyle( mobileMenu, null ).getPropertyValue( 'display' ) === 'none'; elements = modal.querySelectorAll( selectors );
elements = Array.prototype.slice.call( elements );
menuLinks = isDesktop ? if ( '.menu-modal' === toggleTarget ) {
document.querySelectorAll( '.menu-modal .expanded-menu .modal-menu li' ) : menuType = window.matchMedia( '(min-width: 1000px)' ).matches;
document.querySelectorAll( '.menu-modal .mobile-menu .modal-menu li' ); menuType = menuType ? '.expanded-menu' : '.mobile-menu';
firstLevelmenuLinks = isDesktop ? elements = elements.filter( function( element ) {
document.querySelectorAll( '.menu-modal .expanded-menu .modal-menu > li' ) : return null !== element.closest( menuType ) && null !== element.offsetParent;
document.querySelectorAll( '.menu-modal .mobile-menu .modal-menu > li' ); } );
if ( firstLevelmenuLinks ) { elements.unshift( _doc.querySelector( '.close-nav-toggle' ) );
return false;
}
lastMenuLinkToggleButton = firstLevelmenuLinks[firstLevelmenuLinks.length - 1].querySelector( '.sub-menu-toggle' ) || undefined; bottomMenu = _doc.querySelector( '.menu-bottom > nav' );
lastMenuLinkHasSubClosedMenu = lastMenuLinkToggleButton && ! lastMenuLinkToggleButton.classList.contains( 'active' );
lastToogleSubMenuLinkNotOpened = isDesktop ? if ( bottomMenu ) {
document.querySelector( '.menu-modal .expanded-menu .modal-menu .sub-menu .sub-menu-toggle:not(.active)' ) : bottomMenu.querySelectorAll( selectors ).forEach( function( element ) {
document.querySelector( '.menu-modal .mobile-menu .sub-menu .sub-menu-toggle:not(.active)' ); elements.push( element );
} );
}
}
socialLinks = document.querySelectorAll( '.menu-modal .social-menu li' ); lastEl = elements[ elements.length - 1 ];
hasSocialMenu = document.querySelectorAll( '.menu-modal .social-menu' ).length > 0; firstEl = elements[0];
lastModalMenuItems = hasSocialMenu ? socialLinks : menuLinks; activeEl = _doc.activeElement;
focusedElementParentLi = twentytwentyFindParents( event.target, 'li' ); tabKey = event.keyCode === 9;
focusedElementIsInsideModal = twentytwentyFindParents( event.target, '.menu-modal' ).length > 0; shiftKey = event.shiftKey;
lastMenuItem = lastModalMenuItems[lastModalMenuItems.length - 1]; if ( ! shiftKey && tabKey && lastEl === activeEl ) {
event.preventDefault();
firstEl.focus();
}
isFirstModalItem = event.target === closeMenuButton; if ( shiftKey && tabKey && firstEl === activeEl ) {
event.preventDefault();
isLastModalItem = focusedElementIsInsideModal && focusedElementParentLi[0] ? lastEl.focus();
focusedElementParentLi[0].className === lastMenuItem.className :
undefined;
if ( lastMenuLinkToggleButton && lastMenuLinkHasSubClosedMenu && ! hasSocialMenu ) { // Last 1st level item has submenu and is closed
isLastModalItem = event.target === lastMenuLinkToggleButton;
lastMenuItem = lastMenuLinkToggleButton;
}
if ( lastMenuLinkToggleButton && ! lastMenuLinkHasSubClosedMenu && ! hasSocialMenu ) { // Last 1st level item has submenu is opened
isLastModalItem = event.target === lastToogleSubMenuLinkNotOpened || event.target === menuLinks[menuLinks.length - 1].querySelector( 'a' );
lastMenuItem = lastToogleSubMenuLinkNotOpened || menuLinks[menuLinks.length - 1].querySelector( 'a' );
}
if ( ! event.shiftKey && event.key === 'Tab' && isLastModalItem ) {
// Forward
event.preventDefault();
closeMenuButton.focus();
}
if ( event.shiftKey && event.key === 'Tab' && isFirstModalItem ) {
// Backward
event.preventDefault();
if ( lastMenuItem.querySelector( 'a' ) ) {
lastMenuItem.querySelector( 'a' ).focus();
} else {
lastMenuItem.focus();
} }
} }
} ); } );
@ -645,9 +627,13 @@ twentytwenty.toggles = {
// Toggle aria-expanded on the toggle // Toggle aria-expanded on the toggle
twentytwentyToggleAttribute( toggle, 'aria-expanded', 'true', 'false' ); twentytwentyToggleAttribute( toggle, 'aria-expanded', 'true', 'false' );
if ( self.clickedEl && -1 !== toggle.getAttribute( 'class' ).indexOf( 'close-' ) ) {
twentytwentyToggleAttribute( self.clickedEl, 'aria-expanded', 'true', 'false' );
}
// Toggle body class // Toggle body class
if ( toggle.dataset.toggleBodyClass ) { if ( toggle.dataset.toggleBodyClass ) {
_doc.querySelector( 'body' ).classList.toggle( toggle.dataset.toggleBodyClass ); _doc.body.classList.toggle( toggle.dataset.toggleBodyClass );
} }
// Check whether to set focus // Check whether to set focus
@ -777,7 +763,7 @@ function twentytwentyToggleAttribute( element, attribute, trueVal, falseVal ) {
if ( falseVal === undefined ) { if ( falseVal === undefined ) {
falseVal = false; falseVal = false;
} }
if ( element[ attribute ] !== trueVal ) { if ( element.getAttribute( attribute ) !== trueVal ) {
element.setAttribute( attribute, trueVal ); element.setAttribute( attribute, trueVal );
} else { } else {
element.setAttribute( attribute, falseVal ); element.setAttribute( attribute, falseVal );

6
wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php
View File

@ -26,6 +26,12 @@ if ( ! class_exists( 'TwentyTwenty_Customize' ) ) {
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; $wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
/**
* Removes the background image section.
* The theme only supports the background color option.
*/
$wp_customize->remove_section( 'background_image' );
$wp_customize->selective_refresh->add_partial( $wp_customize->selective_refresh->add_partial(
'blogname', 'blogname',
array( array(

18
wp-content/themes/twentytwenty/functions.php
View File

@ -459,7 +459,7 @@ function twentytwenty_block_editor_settings() {
array( array(
'name' => _x( 'Large', 'Name of the large font size in the block editor', 'twentytwenty' ), 'name' => _x( 'Large', 'Name of the large font size in the block editor', 'twentytwenty' ),
'shortName' => _x( 'L', 'Short name of the large font size in the block editor.', 'twentytwenty' ), 'shortName' => _x( 'L', 'Short name of the large font size in the block editor.', 'twentytwenty' ),
'size' => 24, 'size' => 26.25,
'slug' => 'large', 'slug' => 'large',
), ),
array( array(
@ -481,20 +481,6 @@ function twentytwenty_block_editor_settings() {
add_action( 'after_setup_theme', 'twentytwenty_block_editor_settings' ); add_action( 'after_setup_theme', 'twentytwenty_block_editor_settings' );
/**
* Read More Link
* Overwrite default (more ...) tag
*/
function twentytwenty_read_more_tag() {
return sprintf(
'<a href="%1$s" class="more-link faux-button">%2$s <span class="screen-reader-text">"%3$s"</span></a>',
esc_url( get_permalink( get_the_ID() ) ),
__( 'Continue reading', 'twentytwenty' ),
esc_html( get_the_title( get_the_ID() ) )
);
}
add_filter( 'the_content_more_link', 'twentytwenty_read_more_tag' );
/** /**
* Enqueues scripts for customizer controls & settings. * Enqueues scripts for customizer controls & settings.
* *
@ -647,7 +633,7 @@ function twentytwenty_get_elements_array() {
'background' => array( '.social-icons a', '#site-footer button:not(.toggle)', '#site-footer .button', '#site-footer .faux-button', '#site-footer .wp-block-button__link', '#site-footer .wp-block-file__button', '#site-footer input[type="button"]', '#site-footer input[type="reset"]', '#site-footer input[type="submit"]' ), 'background' => array( '.social-icons a', '#site-footer button:not(.toggle)', '#site-footer .button', '#site-footer .faux-button', '#site-footer .wp-block-button__link', '#site-footer .wp-block-file__button', '#site-footer input[type="button"]', '#site-footer input[type="reset"]', '#site-footer input[type="submit"]' ),
), ),
'background' => array( 'background' => array(
'color' => array( '.social-icons a', '.overlay-header .header-inner', 'body:not(.overlay-header) .primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ), 'color' => array( '.social-icons a', 'body:not(.overlay-header) .primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ),
'background' => array( '#site-header', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal', '.menu-modal-inner', '.search-modal-inner', '.archive-header', '.singular .entry-header', '.singular .featured-media:before', '.wp-block-pullquote:before' ), 'background' => array( '#site-header', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal', '.menu-modal-inner', '.search-modal-inner', '.archive-header', '.singular .entry-header', '.singular .featured-media:before', '.wp-block-pullquote:before' ),
), ),
'text' => array( 'text' => array(

54
wp-content/themes/twentytwenty/header.php
View File

@ -121,38 +121,31 @@
<?php <?php
} }
$header_toggles_classes = ''; if ( true === $enable_header_search || has_nav_menu( 'expanded' ) ) {
if ( ! has_nav_menu( 'expanded' ) && false === $enable_header_search ) {
$header_toggles_classes .= ' hide-on-desktop';
}
?>
<div class="header-toggles hide-no-js<?php echo $header_toggles_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
<?php
$nav_toggle_wrapper_classes = '';
// Add a class indicating whether the navigation toggle wrapper can be hidden on desktop.
if ( has_nav_menu( 'expanded' ) ) {
$nav_toggle_wrapper_classes .= ' has-expanded-menu';
}
?> ?>
<div class="toggle-wrapper nav-toggle-wrapper<?php echo $nav_toggle_wrapper_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>"> <div class="header-toggles hide-no-js">
<button class="toggle nav-toggle desktop-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
<span class="toggle-inner">
<span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
<span class="toggle-icon">
<?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
</span>
</span>
</button><!-- .nav-toggle -->
</div><!-- .nav-toggle-wrapper -->
<?php <?php
if ( has_nav_menu( 'expanded' ) ) {
?>
<div class="toggle-wrapper nav-toggle-wrapper has-expanded-menu">
<button class="toggle nav-toggle desktop-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
<span class="toggle-inner">
<span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
<span class="toggle-icon">
<?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
</span>
</span>
</button><!-- .nav-toggle -->
</div><!-- .nav-toggle-wrapper -->
<?php
}
if ( true === $enable_header_search ) { if ( true === $enable_header_search ) {
?> ?>
@ -171,7 +164,10 @@
} }
?> ?>
</div><!-- .header-toggles --> </div><!-- .header-toggles -->
<?php
}
?>
</div><!-- .header-navigation-wrapper --> </div><!-- .header-navigation-wrapper -->

37
wp-content/themes/twentytwenty/style-rtl.css
View File

@ -257,14 +257,16 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(./assets/fonts/inter/Inter-upright.var.woff2) format("woff2"); font-display: swap;
src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(./assets/fonts/inter/Inter-italic.var.woff2) format("woff2"); font-display: swap;
src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
@ -534,11 +536,11 @@ dd + dt {
blockquote { blockquote {
border-color: #cd2653; border-color: #cd2653;
border-style: solid; border-style: solid;
border-width: 0 0.2rem 0 0; border-width: 0 0 0 0.2rem;
color: inherit; color: inherit;
font-size: 1em; font-size: 1em;
margin: 4rem 0; margin: 4rem 0;
padding: 0.5rem 2rem 0.5rem 0; padding: 0.5rem 0 0.5rem 2rem;
} }
cite { cite {
@ -1560,7 +1562,8 @@ ul.primary-menu {
} }
.primary-menu a:hover, .primary-menu a:hover,
.primary-menu a:focus { .primary-menu a:focus,
.primary-menu .current_page_ancestor {
text-decoration: underline; text-decoration: underline;
} }
@ -1666,12 +1669,15 @@ ul.primary-menu {
.primary-menu ul ul::after { .primary-menu ul ul::after {
border-bottom-color: transparent; border-bottom-color: transparent;
border-right-color: #000; border-left-color: #000;
bottom: auto; bottom: auto;
left: -1.6rem; left: -1.6rem;
top: 2rem; top: 2rem;
} }
.rtl .primary-menu ul ul::after {
transform: rotate(-180deg);
}
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@ -1800,7 +1806,8 @@ button.close-nav-toggle .toggle-text {
.modal-menu a:focus, .modal-menu a:focus,
.modal-menu a:hover, .modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a { .modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
text-decoration: underline; text-decoration: underline;
} }
@ -2613,7 +2620,7 @@ h2.entry-title {
/* Block Typography Classes ------------------ */ /* Block Typography Classes ------------------ */
.has-text-align-left { .has-text-align-left {
text-align: right; text-align: left;
} }
.has-text-align-center { .has-text-align-center {
@ -3171,8 +3178,8 @@ hr.wp-block-separator {
} }
.wp-block-quote[style="text-align:right"] { .wp-block-quote[style="text-align:right"] {
border-width: 0 0 0 0.2rem; border-width: 0 0.2rem 0 0;
padding: 0 0 0 2rem; padding: 0 2rem 0 0;
} }
/* STYLE: LARGE */ /* STYLE: LARGE */
@ -4012,7 +4019,7 @@ div.comment:first-of-type {
/* Widget: RSS ------------------------------- */ /* Widget: RSS ------------------------------- */
.widget_rss a.rsswidget:first-of-type { .widget_rss .widget-title a.rsswidget:first-of-type {
display: none; display: none;
} }
@ -4992,6 +4999,14 @@ a.to-the-top > * {
margin-top: 4rem; margin-top: 4rem;
} }
.alignleft {
margin: 0.3rem 0 2rem 2rem;
}
.alignright {
margin: 0.3rem 2rem 2rem 0;
}
.alignwide, .alignwide,
.alignfull { .alignfull {
margin-bottom: 6rem; margin-bottom: 6rem;

37
wp-content/themes/twentytwenty/style.css
View File

@ -257,14 +257,16 @@ Inter variable font. Usage:
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal; font-style: normal;
src: url(./assets/fonts/inter/Inter-upright.var.woff2) format("woff2"); font-display: swap;
src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Inter var"; font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic; font-style: italic;
src: url(./assets/fonts/inter/Inter-italic.var.woff2) format("woff2"); font-display: swap;
src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
} }
@ -534,10 +536,14 @@ dd + dt {
blockquote { blockquote {
border-color: #cd2653; border-color: #cd2653;
border-style: solid; border-style: solid;
/*rtl:ignore*/
border-width: 0 0 0 0.2rem; border-width: 0 0 0 0.2rem;
color: inherit; color: inherit;
font-size: 1em; font-size: 1em;
margin: 4rem 0; margin: 4rem 0;
/*rtl:ignore*/
padding: 0.5rem 0 0.5rem 2rem; padding: 0.5rem 0 0.5rem 2rem;
} }
@ -1562,7 +1568,8 @@ ul.primary-menu {
} }
.primary-menu a:hover, .primary-menu a:hover,
.primary-menu a:focus { .primary-menu a:focus,
.primary-menu .current_page_ancestor {
text-decoration: underline; text-decoration: underline;
} }
@ -1668,12 +1675,17 @@ ul.primary-menu {
.primary-menu ul ul::after { .primary-menu ul ul::after {
border-bottom-color: transparent; border-bottom-color: transparent;
/*rtl:ignore*/
border-left-color: #000; border-left-color: #000;
bottom: auto; bottom: auto;
right: -1.6rem; right: -1.6rem;
top: 2rem; top: 2rem;
} }
.rtl .primary-menu ul ul::after {
transform: rotate(180deg);
}
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@ -1802,7 +1814,8 @@ button.close-nav-toggle .toggle-text {
.modal-menu a:focus, .modal-menu a:focus,
.modal-menu a:hover, .modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a { .modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
text-decoration: underline; text-decoration: underline;
} }
@ -2615,6 +2628,8 @@ h2.entry-title {
/* Block Typography Classes ------------------ */ /* Block Typography Classes ------------------ */
.has-text-align-left { .has-text-align-left {
/*rtl:ignore*/
text-align: left; text-align: left;
} }
@ -3173,8 +3188,12 @@ hr.wp-block-separator {
} }
.wp-block-quote[style="text-align:right"] { .wp-block-quote[style="text-align:right"] {
/*rtl:begin:ignore*/
border-width: 0 0.2rem 0 0; border-width: 0 0.2rem 0 0;
padding: 0 2rem 0 0; padding: 0 2rem 0 0;
/*rtl:end:ignore*/
} }
/* STYLE: LARGE */ /* STYLE: LARGE */
@ -4018,7 +4037,7 @@ div.comment:first-of-type {
/* Widget: RSS ------------------------------- */ /* Widget: RSS ------------------------------- */
.widget_rss a.rsswidget:first-of-type { .widget_rss .widget-title a.rsswidget:first-of-type {
display: none; display: none;
} }
@ -5006,6 +5025,14 @@ a.to-the-top > * {
margin-top: 4rem; margin-top: 4rem;
} }
.alignleft {
margin: 0.3rem 2rem 2rem 0;
}
.alignright {
margin: 0.3rem 0 2rem 2rem;
}
.alignwide, .alignwide,
.alignfull { .alignfull {
margin-bottom: 6rem; margin-bottom: 6rem;

2
wp-content/themes/twentytwenty/template-parts/content-cover.php
View File

@ -166,7 +166,7 @@
* Output comments wrapper if it's a post, or if comments are open, * Output comments wrapper if it's a post, or if comments are open,
* or if there's a comment number – and check for password. * or if there's a comment number – and check for password.
* */ * */
if ( ( 'post' === $post->post_type || comments_open() || get_comments_number() ) && ! post_password_required() ) { if ( ( is_single() || is_page() ) && ( comments_open() || get_comments_number() ) && ! post_password_required() ) {
?> ?>
<div class="comments-wrapper section-inner"> <div class="comments-wrapper section-inner">

4
wp-content/themes/twentytwenty/template-parts/content.php
View File

@ -33,7 +33,7 @@
if ( is_search() || ! is_singular() && 'summary' === get_theme_mod( 'blog_content', 'full' ) ) { if ( is_search() || ! is_singular() && 'summary' === get_theme_mod( 'blog_content', 'full' ) ) {
the_excerpt(); the_excerpt();
} else { } else {
the_content(); the_content( sprintf( '<span class="faux-button">%1$s</span> <span class="screen-reader-text">"%2$s"</span>', __( 'Continue reading', 'twentytwenty' ), get_the_title() ) );
} }
?> ?>
@ -75,7 +75,7 @@
* Output comments wrapper if it's a post, or if comments are open, * Output comments wrapper if it's a post, or if comments are open,
* or if there's a comment number – and check for password. * or if there's a comment number – and check for password.
* */ * */
if ( ( 'post' === $post->post_type || comments_open() || get_comments_number() ) && ! post_password_required() ) { if ( ( is_single() || is_page() ) && ( comments_open() || get_comments_number() ) && ! post_password_required() ) {
?> ?>
<div class="comments-wrapper section-inner"> <div class="comments-wrapper section-inner">

2
wp-content/themes/twentytwenty/template-parts/modal-search.php
View File

@ -22,7 +22,7 @@
); );
?> ?>
<button class="toggle search-untoggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field"> <button class="toggle search-untoggle close-search-toggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field">
<span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); ?></span> <span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); ?></span>
<?php twentytwenty_the_theme_svg( 'cross' ); ?> <?php twentytwenty_the_theme_svg( 'cross' ); ?>
</button><!-- .search-toggle --> </button><!-- .search-toggle -->

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.3-beta3-46550'; $wp_version = '5.3-beta3-46551';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.