Bundled Themes: Update Twenty Twenty.
This brings `trunk`’s version of Twenty Twenty in-sync with GitHub.
For a complete list of changes since [46551], see bc89c51...4549fd9
.
Reviewed by SergeyBiryukov, desrosj, ianbelanger.
Props anlino, ianbelanger, poena, williampatton, nielslange, acosmin, intimez, itowhid06, decrecementofeliz, aristath, westonruter, mukesh27, jorgefilipecosta, karmatosed.
Fixes #48386.
Built from https://develop.svn.wordpress.org/trunk@46571
git-svn-id: http://core.svn.wordpress.org/trunk@46368 1a063a9b-81f0-0310-95a4-ce76da25c4cd
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"extends": [
|
||||
"stylelint-config-wordpress"
|
||||
],
|
||||
"plugins": ["stylelint-a11y"],
|
||||
"rules": {
|
||||
"font-family-no-missing-generic-family-keyword": null,
|
||||
"no-descending-specificity": null,
|
||||
"a11y/no-outline-none": true,
|
||||
"a11y/selector-pseudo-class-focus": true
|
||||
}
|
||||
}
|
||||
{
|
||||
"extends": [
|
||||
"stylelint-config-wordpress"
|
||||
],
|
||||
"plugins": ["stylelint-a11y"],
|
||||
"rules": {
|
||||
"font-family-no-missing-generic-family-keyword": null,
|
||||
"no-descending-specificity": null,
|
||||
"a11y/no-outline-none": true,
|
||||
"a11y/selector-pseudo-class-focus": true
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
}
|
||||
|
||||
.editor-styles-wrapper > * {
|
||||
color: #000;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
@ -26,10 +25,16 @@
|
|||
}
|
||||
|
||||
.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover):not(:focus),
|
||||
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover):not(:focus) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* Fonts ------------------------------------- */
|
||||
|
||||
|
@ -195,7 +200,7 @@ Inter variable font. Usage:
|
|||
|
||||
/* Typography -------------------------------- */
|
||||
|
||||
.editor-styles-wrapper a {
|
||||
.editor-styles-wrapper .editor-block-list__layout a {
|
||||
color: #cd2653;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -212,7 +217,6 @@ Inter variable font. Usage:
|
|||
.editor-styles-wrapper .wp-block h4,
|
||||
.editor-styles-wrapper .wp-block h5,
|
||||
.editor-styles-wrapper .wp-block h6 {
|
||||
color: #000;
|
||||
font-feature-settings: "lnum";
|
||||
font-variant-numeric: lining-nums;
|
||||
font-weight: 700;
|
||||
|
@ -473,13 +477,13 @@ Inter variable font. Usage:
|
|||
border: none;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-table caption {
|
||||
.editor-styles-wrapper .wp-block-table caption {
|
||||
background: #dcd7ca;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-table th,
|
||||
.editor-styles-wrapper .wp-block-table td {
|
||||
.editor-styles-wrapper .wp-block-table th,
|
||||
.editor-styles-wrapper .wp-block-table td {
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
|
@ -575,7 +579,6 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
border-color: #cd2653;
|
||||
border-style: solid;
|
||||
border-width: 0 2px 0 0;
|
||||
color: inherit;
|
||||
margin: 20px 0;
|
||||
padding: 5px 20px 5px 0;
|
||||
}
|
||||
|
@ -633,6 +636,10 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
|
||||
/* Block: Code, Verse and Preformatted ------- */
|
||||
|
||||
.editor-styles-wrapper .wp-block-code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-code,
|
||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
||||
.editor-styles-wrapper .wp-block-verse pre {
|
||||
|
@ -641,10 +648,12 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
padding: 30px;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
|
||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
||||
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
|
||||
.editor-styles-wrapper .wp-block-verse pre {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font-family: monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
@ -938,6 +947,12 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
margin-top: 15px;
|
||||
}
|
||||
|
||||
/* Block: Shortcode -------------------------- */
|
||||
|
||||
.editor-styles-wrapper .wp-block-shortcode textarea {
|
||||
color: #191e23;
|
||||
}
|
||||
|
||||
/* Block: Embed ------------------------------ */
|
||||
|
||||
.editor-styles-wrapper .wp-block-embed {
|
||||
|
|
|
@ -12,7 +12,6 @@
|
|||
}
|
||||
|
||||
.editor-styles-wrapper > * {
|
||||
color: #000;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
@ -26,10 +25,16 @@
|
|||
}
|
||||
|
||||
.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover):not(:focus),
|
||||
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover):not(:focus) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* Fonts ------------------------------------- */
|
||||
|
||||
|
@ -195,7 +200,7 @@ Inter variable font. Usage:
|
|||
|
||||
/* Typography -------------------------------- */
|
||||
|
||||
.editor-styles-wrapper a {
|
||||
.editor-styles-wrapper .editor-block-list__layout a {
|
||||
color: #cd2653;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -212,7 +217,6 @@ Inter variable font. Usage:
|
|||
.editor-styles-wrapper .wp-block h4,
|
||||
.editor-styles-wrapper .wp-block h5,
|
||||
.editor-styles-wrapper .wp-block h6 {
|
||||
color: #000;
|
||||
font-feature-settings: "lnum";
|
||||
font-variant-numeric: lining-nums;
|
||||
font-weight: 700;
|
||||
|
@ -473,13 +477,13 @@ Inter variable font. Usage:
|
|||
border: none;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-table caption {
|
||||
.editor-styles-wrapper .wp-block-table caption {
|
||||
background: #dcd7ca;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-table th,
|
||||
.editor-styles-wrapper .wp-block-table td {
|
||||
.editor-styles-wrapper .wp-block-table th,
|
||||
.editor-styles-wrapper .wp-block-table td {
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
|
@ -575,7 +579,6 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
border-color: #cd2653;
|
||||
border-style: solid;
|
||||
border-width: 0 0 0 2px;
|
||||
color: inherit;
|
||||
margin: 20px 0;
|
||||
padding: 5px 0 5px 20px;
|
||||
}
|
||||
|
@ -633,6 +636,10 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
|
||||
/* Block: Code, Verse and Preformatted ------- */
|
||||
|
||||
.editor-styles-wrapper .wp-block-code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-code,
|
||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
||||
.editor-styles-wrapper .wp-block-verse pre {
|
||||
|
@ -641,10 +648,12 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
padding: 30px;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre,
|
||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
||||
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
|
||||
.editor-styles-wrapper .wp-block-verse pre {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
font-family: monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
@ -938,6 +947,12 @@ hr.wp-block-separator.is-style-dots::before {
|
|||
margin-top: 15px;
|
||||
}
|
||||
|
||||
/* Block: Shortcode -------------------------- */
|
||||
|
||||
.editor-styles-wrapper .wp-block-shortcode textarea {
|
||||
color: #191e23;
|
||||
}
|
||||
|
||||
/* Block: Embed ------------------------------ */
|
||||
|
||||
.editor-styles-wrapper .wp-block-embed {
|
||||
|
|
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 6.1 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 2.1 KiB |
|
@ -35,19 +35,33 @@ function _twentyTwentyColor( backgroundColor, accentHue ) {
|
|||
*/
|
||||
_twentyTwentyColor.prototype.setAccentColorsArray = function() {
|
||||
var self = this,
|
||||
minSaturation = 55,
|
||||
maxSaturation = 90,
|
||||
minLightness = 25,
|
||||
maxLighness = 75,
|
||||
stepSaturation = 2.5,
|
||||
stepLightness = 2.5,
|
||||
minSaturation = 65,
|
||||
maxSaturation = 100,
|
||||
minLightness = 30,
|
||||
maxLighness = 80,
|
||||
stepSaturation = 2,
|
||||
stepLightness = 2,
|
||||
pushColor = function() {
|
||||
var colorObj = new Color( {
|
||||
h: self.accentHue,
|
||||
s: s,
|
||||
l: l
|
||||
} ),
|
||||
item;
|
||||
item,
|
||||
/**
|
||||
* Get a score for this color in contrast to its background color and surrounding text.
|
||||
*
|
||||
* @since 1.0.0
|
||||
* @param {number} contrastBackground - WCAG contrast with the background color.
|
||||
* @param {number} contrastSurroundingText - WCAG contrast with surrounding text.
|
||||
* @return {number} - 0 is best, higher numbers have bigger difference with the desired scores.
|
||||
*/
|
||||
getScore = function( contrastBackground, contrastSurroundingText ) {
|
||||
var diffBackground = ( 7 >= contrastBackground ) ? 0 : 7 - contrastBackground,
|
||||
diffSurroundingText = ( 3 >= contrastSurroundingText ) ? 0 : 3 - contrastSurroundingText;
|
||||
|
||||
return diffBackground + diffSurroundingText;
|
||||
};
|
||||
|
||||
item = {
|
||||
color: colorObj,
|
||||
|
@ -62,7 +76,7 @@ _twentyTwentyColor.prototype.setAccentColorsArray = function() {
|
|||
|
||||
// Get a score for this color by multiplying the 2 contrasts.
|
||||
// We'll use that to sort the array.
|
||||
item.score = item.contrastBackground * item.contrastText;
|
||||
item.score = getScore( item.contrastBackground, item.contrastText );
|
||||
|
||||
self.accentColorsArray.push( item );
|
||||
},
|
||||
|
@ -89,7 +103,7 @@ _twentyTwentyColor.prototype.setAccentColorsArray = function() {
|
|||
|
||||
// Sort colors by contrast.
|
||||
this.accentColorsArray.sort( function( a, b ) {
|
||||
return b.score - a.score;
|
||||
return a.score - b.score;
|
||||
} );
|
||||
return this;
|
||||
};
|
||||
|
|
|
@ -94,7 +94,7 @@
|
|||
api( 'header_footer_background_color', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
// Add background color to header and footer wrappers.
|
||||
$( '#site-header,#site-footer' ).css( 'background-color', to );
|
||||
$( 'body:not(.overlay-header)#site-header, #site-footer' ).css( 'background-color', to );
|
||||
|
||||
// Change body classes if this is the same background-color as the content background.
|
||||
if ( to.toLowerCase() === api( 'background_color' ).get().toLowerCase() ) {
|
||||
|
|
|
@ -231,14 +231,14 @@ twentytwenty.coverModals = {
|
|||
modal.style.removeProperty( 'top' );
|
||||
}
|
||||
|
||||
_win.scrollTo( 0, Math.abs( _win.twentytwenty.scrolled + getAdminBarHeight() ) );
|
||||
|
||||
_win.twentytwenty.scrolled = 0;
|
||||
|
||||
if ( clickedEl !== false ) {
|
||||
clickedEl.focus();
|
||||
clickedEl = false;
|
||||
}
|
||||
|
||||
_win.scrollTo( 0, Math.abs( _win.twentytwenty.scrolled + getAdminBarHeight() ) );
|
||||
|
||||
_win.twentytwenty.scrolled = 0;
|
||||
}, 500 );
|
||||
} );
|
||||
} );
|
||||
|
@ -621,9 +621,6 @@ twentytwenty.toggles = {
|
|||
_doc.querySelector( '*[data-toggle-target="' + targetString + '"]' ).classList.toggle( activeClass );
|
||||
}
|
||||
|
||||
// Toggle aria-expanded on the target
|
||||
twentytwentyToggleAttribute( target, 'aria-expanded', 'true', 'false' );
|
||||
|
||||
// Toggle aria-expanded on the toggle
|
||||
twentytwentyToggleAttribute( toggle, 'aria-expanded', 'true', 'false' );
|
||||
|
||||
|
|
|
@ -26,12 +26,6 @@ if ( ! class_exists( 'TwentyTwenty_Customize' ) ) {
|
|||
$wp_customize->get_setting( 'blogname' )->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(
|
||||
'blogname',
|
||||
array(
|
||||
|
|
|
@ -131,7 +131,7 @@ if ( ! class_exists( 'TwentyTwenty_Walker_Page' ) ) {
|
|||
$toggle_duration = twentytwenty_toggle_duration();
|
||||
|
||||
// Add the sub menu toggle.
|
||||
$args['list_item_after'] .= '<button class="toggle sub-menu-toggle fill-children-current-color" data-toggle-target="' . $toggle_target_string . '" data-toggle-type="slidetoggle" data-toggle-duration="' . absint( $toggle_duration ) . '"><span class="screen-reader-text">' . __( 'Show sub menu', 'twentytwenty' ) . '</span>' . twentytwenty_get_theme_svg( 'chevron-down' ) . '</button>';
|
||||
$args['list_item_after'] .= '<button class="toggle sub-menu-toggle fill-children-current-color" data-toggle-target="' . $toggle_target_string . '" data-toggle-type="slidetoggle" data-toggle-duration="' . absint( $toggle_duration ) . '" aria-expanded="false"><span class="screen-reader-text">' . __( 'Show sub menu', 'twentytwenty' ) . '</span>' . twentytwenty_get_theme_svg( 'chevron-down' ) . '</button>';
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -602,29 +602,29 @@ function twentytwenty_get_elements_array() {
|
|||
$elements = array(
|
||||
'content' => array(
|
||||
'accent' => array(
|
||||
'color' => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', '.has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
|
||||
'color' => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', ':root .has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
|
||||
'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),
|
||||
'background' => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file .wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', '.has-accent-background-color', '.comment-reply-link' ),
|
||||
'background' => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file .wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', ':root .has-accent-background-color', '.comment-reply-link' ),
|
||||
'fill' => array( '.fill-children-accent', '.fill-children-accent *' ),
|
||||
),
|
||||
'background' => array(
|
||||
'color' => array( 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-button__link:active', '.wp-block-button__link:focus', '.wp-block-button__link:visited', '.wp-block-button__link:hover', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.comment-reply-link' ),
|
||||
'background' => array( '.has-background-background-color' ),
|
||||
'color' => array( ':root .has-background-color', 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.wp-block-button', '.comment-reply-link' ),
|
||||
'background' => array( ':root .has-background-background-color' ),
|
||||
),
|
||||
'text' => array(
|
||||
'color' => array( 'body', '.entry-title a', '.has-primary-color' ),
|
||||
'background' => array( '.has-primary-background-color' ),
|
||||
'color' => array( 'body', '.entry-title a', ':root .has-primary-color' ),
|
||||
'background' => array( ':root .has-primary-background-color' ),
|
||||
),
|
||||
'secondary' => array(
|
||||
'color' => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator', '.has-secondary-color' ),
|
||||
'background' => array( '.has-secondary-background-color' ),
|
||||
'color' => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator', ':root .has-secondary-color' ),
|
||||
'background' => array( ':root .has-secondary-background-color' ),
|
||||
),
|
||||
'borders' => array(
|
||||
'border-color' => array( 'pre', 'fieldset', 'input', 'textarea', 'table', 'table *', 'hr' ),
|
||||
'background' => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', '.has-subtle-background-background-color' ),
|
||||
'background' => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', ':root .has-subtle-background-background-color' ),
|
||||
'border-bottom-color' => array( '.wp-block-table.is-style-stripes' ),
|
||||
'border-top-color' => array( '.wp-block-latest-posts.is-grid li' ),
|
||||
'color' => array( '.has-subtle-background-color' ),
|
||||
'color' => array( ':root .has-subtle-background-color' ),
|
||||
),
|
||||
),
|
||||
'header-footer' => array(
|
||||
|
|
|
@ -55,10 +55,15 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
|
|||
function twentytwenty_get_customizer_css( $type = 'front-end' ) {
|
||||
|
||||
// Get variables.
|
||||
$body = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'text' ) );
|
||||
$body_default = '#000000';
|
||||
$accent = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) );
|
||||
$accent_default = '#cd2653';
|
||||
$body = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'text' ) );
|
||||
$body_default = '#000000';
|
||||
$secondary = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'secondary' ) );
|
||||
$secondary_default = '#6d6d6d';
|
||||
$borders = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'borders' ) );
|
||||
$borders_default = '#dcd7ca';
|
||||
$accent = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) );
|
||||
$accent_default = '#cd2653';
|
||||
|
||||
/**
|
||||
* Filters the CSS selectors targeting button component on frontend to apply common css
|
||||
*
|
||||
|
@ -69,8 +74,8 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
|
|||
$buttons_targets = apply_filters( 'twentytwenty_buttons_targets_front_end', 'button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, input[type=\'button\'], input[type=\'reset\'], input[type=\'submit\']' );
|
||||
|
||||
// Header.
|
||||
$header_footer_text = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'text' ) );
|
||||
$header_footer_accent = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'accent' ) );
|
||||
$header_footer_background = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'background' ) );
|
||||
$header_footer_background_default = '#ffffff';
|
||||
|
||||
// Cover.
|
||||
$cover = sanitize_hex_color( get_theme_mod( 'cover_template_overlay_text_color' ) );
|
||||
|
@ -126,12 +131,9 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
|
|||
// Colors.
|
||||
// Accent color.
|
||||
if ( $accent && $accent !== $accent_default ) {
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper a, .editor-styles-wrapper .has-drop-cap:not(:focus):first-letter', 'color', $accent );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper blockquote, .editor-styles-wrapper .wp-block-quote', 'border-color', $accent, '', ' !important' );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );
|
||||
twentytwenty_generate_css( $buttons_targets, 'background', $accent );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link', 'border-color', $accent );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link', 'color', $accent );
|
||||
twentytwenty_generate_css( '.has-accent-color, .editor-styles-wrapper .editor-block-list__layout a, .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-pullquote::before, .editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-quote', 'border-color', $accent, '' );
|
||||
twentytwenty_generate_css( '.has-accent-background-color, .editor-styles-wrapper .wp-block-button__link, .editor-styles-wrapper .wp-block-file__button', 'background-color', $accent );
|
||||
}
|
||||
|
||||
// Background color.
|
||||
|
@ -139,9 +141,25 @@ if ( ! function_exists( 'twentytwenty_get_customizer_css' ) ) {
|
|||
twentytwenty_generate_css( '.editor-styles-wrapper', 'background', '#' . $background );
|
||||
}
|
||||
|
||||
// Borders color.
|
||||
if ( $borders && $borders !== $borders_default ) {
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-code, .editor-styles-wrapper pre, .editor-styles-wrapper .wp-block-preformatted pre, .editor-styles-wrapper .wp-block-verse pre, .editor-styles-wrapper fieldset, .editor-styles-wrapper .wp-block-table, .editor-styles-wrapper .wp-block-table *, .editor-styles-wrapper .wp-block-table.is-style-stripes, .editor-styles-wrapper .wp-block-latest-posts.is-grid li', 'border-color', $borders );
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-table caption, .editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd)', 'background-color', $borders );
|
||||
}
|
||||
|
||||
// Text color.
|
||||
if ( $body && $body !== $body_default ) {
|
||||
twentytwenty_generate_css( 'body .editor-styles-wrapper, body .editor-post-title__block, body .editor-post-title__input, body textarea, .editor-post-title__block .editor-post-title__input', 'color', $body );
|
||||
twentytwenty_generate_css( 'body .editor-styles-wrapper, .editor-post-title__block .editor-post-title__input, .editor-post-title__block .editor-post-title__input:focus', 'color', $body );
|
||||
}
|
||||
|
||||
// Secondary color.
|
||||
if ( $secondary && $secondary !== $secondary_default ) {
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper figcaption, .editor-styles-wrapper cite, .editor-styles-wrapper .wp-block-quote__citation, .editor-styles-wrapper .wp-block-quote cite, .editor-styles-wrapper .wp-block-quote footer, .editor-styles-wrapper .wp-block-pullquote__citation, .editor-styles-wrapper .wp-block-pullquote cite, .editor-styles-wrapper .wp-block-pullquote footer, .editor-styles-wrapper ul.wp-block-archives li, .editor-styles-wrapper ul.wp-block-categories li, .editor-styles-wrapper ul.wp-block-latest-posts li, .editor-styles-wrapper ul.wp-block-categories__list li, .editor-styles-wrapper .wp-block-latest-comments time, .editor-styles-wrapper .wp-block-latest-posts time', 'color', $secondary );
|
||||
}
|
||||
|
||||
// Header Footer Background Color.
|
||||
if ( $header_footer_background && $header_footer_background !== $header_footer_background_default ) {
|
||||
twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-pullquote::before', 'background-color', $header_footer_background );
|
||||
}
|
||||
} elseif ( 'classic-editor' === $type ) {
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ function twentytwenty_get_starter_content() {
|
|||
|
||||
// Define and register starter content to showcase the theme on new sites.
|
||||
$starter_content = array(
|
||||
'widgets' => array(
|
||||
'widgets' => array(
|
||||
// Place one core-defined widgets in the first footer widget area.
|
||||
'sidebar-1' => array(
|
||||
'text_about',
|
||||
|
@ -32,11 +32,21 @@ function twentytwenty_get_starter_content() {
|
|||
),
|
||||
),
|
||||
|
||||
// Create the custom image attachments used as post thumbnails for pages.
|
||||
'attachments' => array(
|
||||
'image-opening' => array(
|
||||
'post_title' => _x( 'The New UMoMA Opens its Doors', 'Theme starter content', 'twentytwenty' ),
|
||||
'file' => 'assets/images/2020-landscape-1.png', // URL relative to the template directory.
|
||||
),
|
||||
),
|
||||
|
||||
// Specify the core-defined pages to create and add custom thumbnails to some of them.
|
||||
'posts' => array(
|
||||
'posts' => array(
|
||||
'front' => array(
|
||||
'post_type' => 'page',
|
||||
'post_title' => __( 'The New UMoMA Opens its Doors', 'twentytwenty' ),
|
||||
// Use the above featured image with the predefined about page.
|
||||
'thumbnail' => '{{image-opening}}',
|
||||
'post_content' => join(
|
||||
'',
|
||||
array(
|
||||
|
@ -49,6 +59,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<div class="wp-block-columns alignwide"><!-- wp:column -->',
|
||||
'<div class="wp-block-column"><!-- wp:group -->',
|
||||
'<div class="wp-block-group"><div class="wp-block-group__inner-container">',
|
||||
'<!-- wp:image {"align":"full","id":37,"sizeSlug":"full"} -->',
|
||||
'<figure class="wp-block-image alignfull size-full"><img src="' . get_theme_file_uri() . '/assets/images/2020-three-quarters-1.png" alt="" class="wp-image-37"/></figure>',
|
||||
'<!-- /wp:image -->',
|
||||
'<!-- wp:heading {"level":3} -->',
|
||||
'<h3>' . __( 'Works and Days', 'twentytwenty' ) . '</h3>',
|
||||
'<!-- /wp:heading -->',
|
||||
|
@ -61,6 +74,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<!-- /wp:group -->',
|
||||
'<!-- wp:group -->',
|
||||
'<div class="wp-block-group"><div class="wp-block-group__inner-container">',
|
||||
'<!-- wp:image {"align":"full","id":37,"sizeSlug":"full"} -->',
|
||||
'<figure class="wp-block-image alignfull size-full"><img src="' . get_theme_file_uri() . '/assets/images/2020-three-quarters-3.png" alt="" class="wp-image-37"/></figure>',
|
||||
'<!-- /wp:image -->',
|
||||
'<!-- wp:heading {"level":3} -->',
|
||||
'<h3>' . __( 'Theatre of Operations', 'twentytwenty' ) . '</h3>',
|
||||
'<!-- /wp:heading -->',
|
||||
|
@ -75,6 +91,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<!-- wp:column -->',
|
||||
'<div class="wp-block-column"><!-- wp:group -->',
|
||||
'<div class="wp-block-group"><div class="wp-block-group__inner-container">',
|
||||
'<!-- wp:image {"align":"full","id":37,"sizeSlug":"full"} -->',
|
||||
'<figure class="wp-block-image alignfull size-full"><img src="' . get_theme_file_uri() . '/assets/images/2020-three-quarters-2.png" alt="" class="wp-image-37"/></figure>',
|
||||
'<!-- /wp:image -->',
|
||||
'<!-- wp:heading {"level":3} -->',
|
||||
'<h3>' . __( 'The Life I Deserve', 'twentytwenty' ) . '</h3>',
|
||||
'<!-- /wp:heading -->',
|
||||
|
@ -87,6 +106,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<!-- /wp:group -->',
|
||||
'<!-- wp:group -->',
|
||||
'<div class="wp-block-group"><div class="wp-block-group__inner-container">',
|
||||
'<!-- wp:image {"align":"full","id":37,"sizeSlug":"full"} -->',
|
||||
'<figure class="wp-block-image alignfull size-full"><img src="' . get_theme_file_uri() . '/assets/images/2020-three-quarters-4.png" alt="" class="wp-image-37"/></figure>',
|
||||
'<!-- /wp:image -->',
|
||||
'<!-- wp:heading {"level":3} -->',
|
||||
'<h3>' . __( 'From Signac to Matisse', 'twentytwenty' ) . '</h3>',
|
||||
'<!-- /wp:heading -->',
|
||||
|
@ -99,6 +121,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<!-- /wp:group --></div>',
|
||||
'<!-- /wp:column --></div>',
|
||||
'<!-- /wp:columns -->',
|
||||
'<!-- wp:image {"align":"full","id":37,"sizeSlug":"full"} -->',
|
||||
'<figure class="wp-block-image alignfull size-full"><img src="' . get_theme_file_uri() . '/assets/images/2020-landscape-2.png" alt="" class="wp-image-37"/></figure>',
|
||||
'<!-- /wp:image -->',
|
||||
'<!-- wp:group {"align":"wide"} -->',
|
||||
'<div class="wp-block-group alignwide"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center","textColor":"accent"} -->',
|
||||
'<h2 class="has-accent-color has-text-align-center">' . __( '”Cyborgs, as the philosopher Donna Haraway established, are not reverent. They do not remember the cosmos.”', 'twentytwenty' ) . '</h2>',
|
||||
|
@ -126,6 +151,9 @@ function twentytwenty_get_starter_content() {
|
|||
'<!-- /wp:button --></div></div>',
|
||||
'<!-- /wp:group --></div></div>',
|
||||
'<!-- /wp:group -->',
|
||||
'<!-- wp:gallery {"ids":[39,38],"align":"wide"} -->',
|
||||
'<figure class="wp-block-gallery alignwide columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . get_theme_file_uri() . '/assets/images/2020-square-2.png" alt="" data-id="39" data-full-url="' . get_theme_file_uri() . '/assets/images/2020-square-2.png" data-link="assets/images/2020-square-2/" class="wp-image-39"/></figure></li><li class="blocks-gallery-item"><figure><img src="' . get_theme_file_uri() . '/assets/images/2020-square-1.png" alt="" data-id="38" data-full-url="' . get_theme_file_uri() . '/assets/images/2020-square-1.png" data-link="' . get_theme_file_uri() . '/assets/images/2020-square-1/" class="wp-image-38"/></figure></li></ul></figure>',
|
||||
'<!-- /wp:gallery -->',
|
||||
)
|
||||
),
|
||||
),
|
||||
|
@ -135,14 +163,14 @@ function twentytwenty_get_starter_content() {
|
|||
),
|
||||
|
||||
// Default to a static front page and assign the front and posts pages.
|
||||
'options' => array(
|
||||
'options' => array(
|
||||
'show_on_front' => 'page',
|
||||
'page_on_front' => '{{front}}',
|
||||
'page_for_posts' => '{{blog}}',
|
||||
),
|
||||
|
||||
// Set up nav menus for each of the two areas registered in the theme.
|
||||
'nav_menus' => array(
|
||||
'nav_menus' => array(
|
||||
// Assign a menu to the "primary" location.
|
||||
'primary' => array(
|
||||
'name' => __( 'Primary', 'twentytwenty' ),
|
||||
|
|
|
@ -190,6 +190,9 @@ function twentytwenty_the_post_meta( $post_id = null, $location = 'single-top' )
|
|||
* @param string $text Anchor text.
|
||||
*/
|
||||
function twentytwenty_edit_post_link( $link, $post_id, $text ) {
|
||||
if ( is_admin() ) {
|
||||
return $link;
|
||||
}
|
||||
|
||||
$edit_url = get_edit_post_link( $post_id );
|
||||
|
||||
|
@ -219,7 +222,7 @@ add_filter( 'edit_post_link', 'twentytwenty_edit_post_link', 10, 3 );
|
|||
/**
|
||||
* Get the post meta.
|
||||
*
|
||||
* @param int $post_id The iD of the post.
|
||||
* @param int $post_id The ID of the post.
|
||||
* @param string $location The location where the meta is shown.
|
||||
*/
|
||||
function twentytwenty_get_post_meta( $post_id = null, $location = 'single-top' ) {
|
||||
|
@ -543,7 +546,7 @@ function twentytwenty_add_sub_toggles_to_main_menu( $args, $item, $depth ) {
|
|||
$toggle_duration = twentytwenty_toggle_duration();
|
||||
|
||||
// Add the sub menu toggle.
|
||||
$args->after .= '<button class="toggle sub-menu-toggle fill-children-current-color" data-toggle-target="' . $toggle_target_string . '" data-toggle-type="slidetoggle" data-toggle-duration="' . absint( $toggle_duration ) . '"><span class="screen-reader-text">' . __( 'Show sub menu', 'twentytwenty' ) . '</span>' . twentytwenty_get_theme_svg( 'chevron-down' ) . '</button>';
|
||||
$args->after .= '<button class="toggle sub-menu-toggle fill-children-current-color" data-toggle-target="' . $toggle_target_string . '" data-toggle-type="slidetoggle" data-toggle-duration="' . absint( $toggle_duration ) . '" aria-expanded="false"><span class="screen-reader-text">' . __( 'Show sub menu', 'twentytwenty' ) . '</span>' . twentytwenty_get_theme_svg( 'chevron-down' ) . '</button>';
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -141,11 +141,6 @@ body {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#site-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -1415,6 +1410,8 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
}
|
||||
|
||||
.toggle-inner {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 2.3rem;
|
||||
position: relative;
|
||||
}
|
||||
|
@ -1460,11 +1457,6 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
width: 2.3rem;
|
||||
}
|
||||
|
||||
.search-toggle .toggle-text {
|
||||
right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Navigation Toggle ------------------------- */
|
||||
|
||||
.nav-toggle {
|
||||
|
@ -1485,11 +1477,6 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
padding-top: 0.8rem;
|
||||
}
|
||||
|
||||
.nav-toggle .toggle-text {
|
||||
left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Primary Menu ---------------------------- */
|
||||
|
||||
.primary-menu-wrapper {
|
||||
|
@ -2479,26 +2466,26 @@ h2.entry-title {
|
|||
|
||||
.author-bio {
|
||||
margin-top: 4rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hide-avatars .author-bio {
|
||||
padding-right: 0;
|
||||
.author-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.author-bio-inner p:last-child {
|
||||
margin-bottom: 0;
|
||||
.hide-avatars img.avatar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-bio .avatar {
|
||||
margin-left: 1.5rem;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.author-bio .author-title {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin: 0 0 1rem 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.author-bio .author-link {
|
||||
|
@ -2576,43 +2563,43 @@ h2.entry-title {
|
|||
|
||||
/* CUSTOM COLORS */
|
||||
|
||||
.has-accent-color {
|
||||
:root .has-accent-color {
|
||||
color: #cd2653;
|
||||
}
|
||||
|
||||
.has-accent-background-color {
|
||||
:root .has-accent-background-color {
|
||||
background-color: #cd2653;
|
||||
}
|
||||
|
||||
.has-primary-color {
|
||||
:root .has-primary-color {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.has-primary-background-color {
|
||||
:root .has-primary-background-color {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.has-secondary-color {
|
||||
:root .has-secondary-color {
|
||||
color: #6d6d6d;
|
||||
}
|
||||
|
||||
.has-secondary-background-color {
|
||||
:root .has-secondary-background-color {
|
||||
background-color: #6d6d6d;
|
||||
}
|
||||
|
||||
.has-subtle-background-color {
|
||||
:root .has-subtle-background-color {
|
||||
color: #dcd7ca;
|
||||
}
|
||||
|
||||
.has-subtle-background-background-color {
|
||||
:root .has-subtle-background-background-color {
|
||||
background-color: #dcd7ca;
|
||||
}
|
||||
|
||||
.has-background-color {
|
||||
:root .has-background-color {
|
||||
color: #f5efe0;
|
||||
}
|
||||
|
||||
.has-background-background-color {
|
||||
:root .has-background-background-color {
|
||||
background-color: #f5efe0;
|
||||
}
|
||||
|
||||
|
@ -2844,14 +2831,22 @@ h2.entry-title {
|
|||
|
||||
/* Block: Button ----------------------------- */
|
||||
|
||||
.wp-block-button {
|
||||
margin: 3rem 0;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline {
|
||||
color: #cd2653;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link {
|
||||
.is-style-outline .wp-block-button__link:not(.has-text-color) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.is-style-outline .wp-block-button__link {
|
||||
padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
|
||||
}
|
||||
|
||||
/* Block: Columns ---------------------------- */
|
||||
|
||||
.wp-block-column {
|
||||
|
@ -2993,6 +2988,10 @@ figure.wp-block-gallery.alignfull {
|
|||
max-width: none;
|
||||
}
|
||||
|
||||
.wp-block-media-text__content > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text__content > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
@ -4335,25 +4334,25 @@ a.to-the-top > * {
|
|||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.alignfull .wp-block-column > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
max-width: calc(100% - 4rem);
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media ( min-width: 600px ) {
|
||||
@media ( min-width: 600px ) and ( max-width: 781px ) {
|
||||
|
||||
/* Blocks -------------------------------- */
|
||||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
@ -4762,15 +4761,10 @@ a.to-the-top > * {
|
|||
.author-bio {
|
||||
margin-top: 8rem;
|
||||
min-height: 8rem;
|
||||
padding-right: 10rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.author-bio .avatar {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 8rem;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
|
@ -5251,12 +5245,16 @@ a.to-the-top > * {
|
|||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.wp-block-column {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:first-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:last-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-column:last-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
|
|
@ -141,11 +141,6 @@ body {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#site-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -1421,6 +1416,8 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
}
|
||||
|
||||
.toggle-inner {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
height: 2.3rem;
|
||||
position: relative;
|
||||
}
|
||||
|
@ -1466,11 +1463,6 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
width: 2.3rem;
|
||||
}
|
||||
|
||||
.search-toggle .toggle-text {
|
||||
left: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Navigation Toggle ------------------------- */
|
||||
|
||||
.nav-toggle {
|
||||
|
@ -1491,11 +1483,6 @@ body:not(.enable-search-modal) .site-logo img {
|
|||
padding-top: 0.8rem;
|
||||
}
|
||||
|
||||
.nav-toggle .toggle-text {
|
||||
right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Primary Menu ---------------------------- */
|
||||
|
||||
.primary-menu-wrapper {
|
||||
|
@ -2487,26 +2474,26 @@ h2.entry-title {
|
|||
|
||||
.author-bio {
|
||||
margin-top: 4rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.hide-avatars .author-bio {
|
||||
padding-left: 0;
|
||||
.author-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.author-bio-inner p:last-child {
|
||||
margin-bottom: 0;
|
||||
.hide-avatars img.avatar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-bio .avatar {
|
||||
margin-right: 1.5rem;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.author-bio .author-title {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin: 0 0 1rem 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.author-bio .author-link {
|
||||
|
@ -2584,43 +2571,43 @@ h2.entry-title {
|
|||
|
||||
/* CUSTOM COLORS */
|
||||
|
||||
.has-accent-color {
|
||||
:root .has-accent-color {
|
||||
color: #cd2653;
|
||||
}
|
||||
|
||||
.has-accent-background-color {
|
||||
:root .has-accent-background-color {
|
||||
background-color: #cd2653;
|
||||
}
|
||||
|
||||
.has-primary-color {
|
||||
:root .has-primary-color {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.has-primary-background-color {
|
||||
:root .has-primary-background-color {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.has-secondary-color {
|
||||
:root .has-secondary-color {
|
||||
color: #6d6d6d;
|
||||
}
|
||||
|
||||
.has-secondary-background-color {
|
||||
:root .has-secondary-background-color {
|
||||
background-color: #6d6d6d;
|
||||
}
|
||||
|
||||
.has-subtle-background-color {
|
||||
:root .has-subtle-background-color {
|
||||
color: #dcd7ca;
|
||||
}
|
||||
|
||||
.has-subtle-background-background-color {
|
||||
:root .has-subtle-background-background-color {
|
||||
background-color: #dcd7ca;
|
||||
}
|
||||
|
||||
.has-background-color {
|
||||
:root .has-background-color {
|
||||
color: #f5efe0;
|
||||
}
|
||||
|
||||
.has-background-background-color {
|
||||
:root .has-background-background-color {
|
||||
background-color: #f5efe0;
|
||||
}
|
||||
|
||||
|
@ -2854,14 +2841,22 @@ h2.entry-title {
|
|||
|
||||
/* Block: Button ----------------------------- */
|
||||
|
||||
.wp-block-button {
|
||||
margin: 3rem 0;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline {
|
||||
color: #cd2653;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-outline .wp-block-button__link {
|
||||
.is-style-outline .wp-block-button__link:not(.has-text-color) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.is-style-outline .wp-block-button__link {
|
||||
padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
|
||||
}
|
||||
|
||||
/* Block: Columns ---------------------------- */
|
||||
|
||||
.wp-block-column {
|
||||
|
@ -3003,6 +2998,10 @@ figure.wp-block-gallery.alignfull {
|
|||
max-width: none;
|
||||
}
|
||||
|
||||
.wp-block-media-text__content > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text__content > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
@ -4353,25 +4352,25 @@ a.to-the-top > * {
|
|||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.alignfull .wp-block-column > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
max-width: calc(100% - 4rem);
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media ( min-width: 600px ) {
|
||||
@media ( min-width: 600px ) and ( max-width: 781px ) {
|
||||
|
||||
/* Blocks -------------------------------- */
|
||||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
@ -4788,15 +4787,10 @@ a.to-the-top > * {
|
|||
.author-bio {
|
||||
margin-top: 8rem;
|
||||
min-height: 8rem;
|
||||
padding-left: 10rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.author-bio .avatar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 8rem;
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
|
@ -5277,12 +5271,16 @@ a.to-the-top > * {
|
|||
|
||||
/* BLOCK: COLUMNS */
|
||||
|
||||
.wp-block-column {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:first-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.alignfull .wp-block-column:last-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-column:last-child > p,
|
||||
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
|
|
@ -9,25 +9,23 @@
|
|||
|
||||
if ( (bool) get_the_author_meta( 'description' ) ) : ?>
|
||||
<div class="author-bio">
|
||||
<h2 class="author-title heading-size-4">
|
||||
<div class="author-avatar vcard">
|
||||
<?php echo get_avatar( get_the_author_meta( 'ID' ), 160 ); ?>
|
||||
</div>
|
||||
<span class="author-name">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: Author name */
|
||||
__( 'By %s', 'twentytwenty' ),
|
||||
esc_html( get_the_author() )
|
||||
);
|
||||
?>
|
||||
</span>
|
||||
</h2>
|
||||
<p class="author-description">
|
||||
<?php the_author_meta( 'description' ); ?>
|
||||
<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
||||
<?php _e( 'View Archive →', 'twentytwenty' ); ?>
|
||||
</a>
|
||||
</p><!-- .author-description -->
|
||||
<?php echo get_avatar( get_the_author_meta( 'ID' ), 160 ); ?>
|
||||
<div class="author-info">
|
||||
<h2 class="author-title heading-size-4">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: %s: Author name */
|
||||
__( 'By %s', 'twentytwenty' ),
|
||||
esc_html( get_the_author() )
|
||||
);
|
||||
?>
|
||||
</h2>
|
||||
<p class="author-description">
|
||||
<?php the_author_meta( 'description' ); ?>
|
||||
<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
|
||||
<?php _e( 'View Archive →', 'twentytwenty' ); ?>
|
||||
</a>
|
||||
</p><!-- .author-description -->
|
||||
</div>
|
||||
</div><!-- .author-bio -->
|
||||
<?php endif; ?>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
?>
|
||||
|
||||
<div class="menu-modal cover-modal header-footer-group" data-modal-target-string=".menu-modal" aria-expanded="false">
|
||||
<div class="menu-modal cover-modal header-footer-group" data-modal-target-string=".menu-modal">
|
||||
|
||||
<div class="menu-modal-inner modal-inner">
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
*/
|
||||
|
||||
?>
|
||||
<div class="search-modal cover-modal header-footer-group" data-modal-target-string=".search-modal" aria-expanded="false">
|
||||
<div class="search-modal cover-modal header-footer-group" data-modal-target-string=".search-modal">
|
||||
|
||||
<div class="search-modal-inner modal-inner">
|
||||
|
||||
|
@ -22,7 +22,7 @@
|
|||
);
|
||||
?>
|
||||
|
||||
<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">
|
||||
<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" aria-expanded="false">
|
||||
<span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); ?></span>
|
||||
<?php twentytwenty_the_theme_svg( 'cross' ); ?>
|
||||
</button><!-- .search-toggle -->
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '5.3-RC1-46570';
|
||||
$wp_version = '5.3-RC1-46571';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|