Changeset 46712
- Timestamp:
- 11/11/2019 09:03:55 PM (5 years ago)
- Location:
- branches/5.3
- Files:
-
- 13 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/5.3
- Property svn:mergeinfo changed
/trunk merged: 46701-46702,46711
- Property svn:mergeinfo changed
-
branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
r46614 r46712 79 79 } 80 80 81 .wp-block[data-align="wide"] .wp-block,82 .wp-block[data-align="full"] .wp-block {83 max-width: none;84 }85 86 81 .wp-block[data-align="wide"] .wp-block[data-align="wide"], 87 82 .wp-block[data-align="full"] .wp-block[data-align="wide"] { … … 107 102 108 103 .wp-block[data-align="wide"] { 109 margin-bottom: 30px;110 margin-top: 30px;111 104 max-width: 1200px; 112 105 } 113 106 114 107 .wp-block[data-align="full"] { 115 margin-bottom: 50px;116 margin-top: 50px;117 108 max-width: none; 118 109 } … … 178 169 .has-accent-background-color { 179 170 background-color: #cd2653; 171 } 172 173 .has-secondary-color { 174 color: #6d6d6d; 175 } 176 177 .has-secondary-background-color { 178 background-color: #6d6d6d; 179 } 180 181 .has-subtle-background-color { 182 color: #dcd7ca; 183 } 184 185 .has-subtle-background-background-color { 186 background-color: #dcd7ca; 187 } 188 189 .has-background-color { 190 color: #6d6d6d; 191 } 192 193 .has-background-background-color { 194 background-color: #6d6d6d; 180 195 } 181 196 … … 320 335 } 321 336 337 .editor-styles-wrapper p.has-normal-font-size, 322 338 .editor-styles-wrapper p.has-regular-font-size { 323 339 font-size: 1em; … … 678 694 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 679 695 margin: 0 auto; 680 max-width: 1200px;681 696 width: calc(100% - 40px); 682 697 } 683 698 684 [data-align="left"] .wp-block-cover, 685 [data-align="left"] .wp-block-cover-image, 686 [data-align="right"] .wp-block-cover, 687 [data-align="right"] .wp-block-cover-image { 688 max-width: 260px; 699 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"], 700 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] { 701 height: auto; 702 max-height: none; 703 } 704 705 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover { 706 text-align: right; 707 } 708 709 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { 710 text-align: left; 711 } 712 713 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit, 714 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 715 float: none; 716 margin-right: 0; 717 margin-left: 0; 718 max-width: 100%; 689 719 } 690 720 … … 1052 1082 } 1053 1083 1084 /* BLOCK: COVER */ 1085 1086 .wp-block[data-type="core/cover"][data-align="left"] [data-block], 1087 .wp-block[data-type="core/cover"][data-align="right"] [data-block] { 1088 margin-top: 0; 1089 } 1090 1091 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit { 1092 float: left; 1093 margin-right: 20px; 1094 max-width: 260px; 1095 } 1096 1097 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 1098 float: right; 1099 margin-left: 20px; 1100 max-width: 260px; 1101 } 1102 1103 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before { 1104 margin-left: 0; 1105 } 1106 1107 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before { 1108 margin-right: 0; 1109 } 1110 1054 1111 /* BLOCK: PULL QUOTE */ 1055 1112 … … 1131 1188 } 1132 1189 1133 .wp-block[data-align="wide"],1134 .wp-block[data-align="full"] {1135 margin-bottom: 60px;1136 margin-top: 60px;1137 }1138 1139 1190 /* TYPOGRAPHY */ 1140 1191 … … 1208 1259 /* BLOCK: GROUP */ 1209 1260 1210 .editor-styles-wrapper .wp-block-group.has-background { 1261 .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background, 1262 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background, 1263 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background { 1211 1264 padding: 40px; 1265 } 1266 1267 .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background, 1268 .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background { 1269 padding: 80px; 1212 1270 } 1213 1271 … … 1283 1341 1284 1342 1285 /* STRUCTURE */1286 1287 .wp-block[data-align="wide"],1288 .wp-block[data-align="full"] {1289 margin-bottom: 80px;1290 margin-top: 80px;1291 }1292 1293 1343 /* BLOCK: COLUMNS */ 1294 1344 1295 1345 .wp-block-column { 1296 1346 font-size: 18px; 1297 }1298 1299 /* BLOCK: GROUP */1300 1301 .wp-block[data-align="wide"] .wp-block-group.has-background,1302 .wp-block[data-align="full"] .wp-block-group.has-background {1303 padding: 80px 40px;1304 1347 } 1305 1348 … … 1332 1375 .editor-styles-wrapper .wp-block h6 { 1333 1376 font-size: 18px; 1334 }1335 1336 /* STRUCTURE */1337 1338 .wp-block[data-align="wide"],1339 .wp-block[data-align="full"] {1340 margin-bottom: 80px;1341 margin-top: 80px;1342 1377 } 1343 1378 -
branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
r46614 r46712 79 79 } 80 80 81 .wp-block[data-align="wide"] .wp-block,82 .wp-block[data-align="full"] .wp-block {83 max-width: none;84 }85 86 81 .wp-block[data-align="wide"] .wp-block[data-align="wide"], 87 82 .wp-block[data-align="full"] .wp-block[data-align="wide"] { … … 107 102 108 103 .wp-block[data-align="wide"] { 109 margin-bottom: 30px;110 margin-top: 30px;111 104 max-width: 1200px; 112 105 } 113 106 114 107 .wp-block[data-align="full"] { 115 margin-bottom: 50px;116 margin-top: 50px;117 108 max-width: none; 118 109 } … … 178 169 .has-accent-background-color { 179 170 background-color: #cd2653; 171 } 172 173 .has-secondary-color { 174 color: #6d6d6d; 175 } 176 177 .has-secondary-background-color { 178 background-color: #6d6d6d; 179 } 180 181 .has-subtle-background-color { 182 color: #dcd7ca; 183 } 184 185 .has-subtle-background-background-color { 186 background-color: #dcd7ca; 187 } 188 189 .has-background-color { 190 color: #6d6d6d; 191 } 192 193 .has-background-background-color { 194 background-color: #6d6d6d; 180 195 } 181 196 … … 320 335 } 321 336 337 .editor-styles-wrapper p.has-normal-font-size, 322 338 .editor-styles-wrapper p.has-regular-font-size { 323 339 font-size: 1em; … … 678 694 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 679 695 margin: 0 auto; 680 max-width: 1200px;681 696 width: calc(100% - 40px); 682 697 } 683 698 684 [data-align="left"] .wp-block-cover, 685 [data-align="left"] .wp-block-cover-image, 686 [data-align="right"] .wp-block-cover, 687 [data-align="right"] .wp-block-cover-image { 688 max-width: 260px; 699 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"], 700 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] { 701 height: auto; 702 max-height: none; 703 } 704 705 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover { 706 text-align: left; 707 } 708 709 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { 710 text-align: right; 711 } 712 713 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit, 714 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 715 float: none; 716 margin-left: 0; 717 margin-right: 0; 718 max-width: 100%; 689 719 } 690 720 … … 1052 1082 } 1053 1083 1084 /* BLOCK: COVER */ 1085 1086 .wp-block[data-type="core/cover"][data-align="left"] [data-block], 1087 .wp-block[data-type="core/cover"][data-align="right"] [data-block] { 1088 margin-top: 0; 1089 } 1090 1091 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit { 1092 float: right; 1093 margin-left: 20px; 1094 max-width: 260px; 1095 } 1096 1097 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 1098 float: left; 1099 margin-right: 20px; 1100 max-width: 260px; 1101 } 1102 1103 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before { 1104 margin-right: 0; 1105 } 1106 1107 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before { 1108 margin-left: 0; 1109 } 1110 1054 1111 /* BLOCK: PULL QUOTE */ 1055 1112 … … 1131 1188 } 1132 1189 1133 .wp-block[data-align="wide"],1134 .wp-block[data-align="full"] {1135 margin-bottom: 60px;1136 margin-top: 60px;1137 }1138 1139 1190 /* TYPOGRAPHY */ 1140 1191 … … 1208 1259 /* BLOCK: GROUP */ 1209 1260 1210 .editor-styles-wrapper .wp-block-group.has-background { 1261 .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background, 1262 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background, 1263 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background { 1211 1264 padding: 40px; 1265 } 1266 1267 .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background, 1268 .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background { 1269 padding: 80px; 1212 1270 } 1213 1271 … … 1283 1341 1284 1342 1285 /* STRUCTURE */1286 1287 .wp-block[data-align="wide"],1288 .wp-block[data-align="full"] {1289 margin-bottom: 80px;1290 margin-top: 80px;1291 }1292 1293 1343 /* BLOCK: COLUMNS */ 1294 1344 1295 1345 .wp-block-column { 1296 1346 font-size: 18px; 1297 }1298 1299 /* BLOCK: GROUP */1300 1301 .wp-block[data-align="wide"] .wp-block-group.has-background,1302 .wp-block[data-align="full"] .wp-block-group.has-background {1303 padding: 80px 40px;1304 1347 } 1305 1348 … … 1332 1375 .editor-styles-wrapper .wp-block h6 { 1333 1376 font-size: 18px; 1334 }1335 1336 /* STRUCTURE */1337 1338 .wp-block[data-align="wide"],1339 .wp-block[data-align="full"] {1340 margin-bottom: 80px;1341 margin-top: 80px;1342 1377 } 1343 1378 -
branches/5.3/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js
r46446 r46712 1 /* global twentyTwentyBgColors, twentyTwentyColor, Color,jQuery, wp, _ */1 /* global twentyTwentyBgColors, twentyTwentyColor, jQuery, wp, _ */ 2 2 /** 3 3 * Customizer enhancements for a better user experience. … … 75 75 76 76 // Get secondary color. 77 value[ context ].secondary = Color( {78 h: colors.bgColorObj.h(),79 s: colors.bgColorObj.s() / 2,80 l: ( colors.textColorObj.l() * 0.57 ) + ( colors.bgColorObj.l() * 0.43)81 } ).toCSS();77 value[ context ].secondary = colors.bgColorObj 78 .clone() 79 .getReadableContrastingColor( colors.bgColorObj ) 80 .s( colors.bgColorObj.s() / 2 ) 81 .toCSS(); 82 82 } 83 83 -
branches/5.3/src/wp-content/themes/twentytwenty/assets/js/index.js
r46669 r46712 31 31 NodeList.prototype.forEach = function( callback, thisArg ) { 32 32 var i; 33 var len = this.length; 33 34 34 35 thisArg = thisArg || window; 35 36 36 for ( i = 0; i < this.length; i++ ) {37 for ( i = 0; i < len; i++ ) { 37 38 callback.call( thisArg, this[ i ], i, this ); 38 39 } … … 69 70 } 70 71 72 // Add a class to the body for when touch is enabled for browsers that don't support media queries 73 // for interaction media features. Adapted from <https://codepen.io/Ferie/pen/vQOMmO> 74 ( function() { 75 var matchMedia = function() { 76 // Include the 'heartz' as a way to have a non matching MQ to help terminate the join. See <https://git.io/vznFH>. 77 var prefixes = [ '-webkit-', '-moz-', '-o-', '-ms-' ]; 78 var query = [ '(', prefixes.join( 'touch-enabled),(' ), 'heartz', ')' ].join( '' ); 79 return window.matchMedia && window.matchMedia( query ).matches; 80 }; 81 82 if ( ( 'ontouchstart' in window ) || ( window.DocumentTouch && document instanceof window.DocumentTouch ) || matchMedia() ) { 83 document.body.classList.add( 'touch-enabled' ); 84 } 85 }() ); 86 71 87 /* ----------------------------------------------------------------------------------------------- 72 88 Cover Modals … … 524 540 } 525 541 } 526 527 /**528 * Toggles `focus` class to allow submenu access on tablets.529 */530 ( function( menuObj ) {531 var touchStartFn, j,532 parentLink = menuObj.querySelectorAll( '.primary-menu .menu-item-has-children > a' );533 534 if ( 'ontouchstart' in window ) {535 touchStartFn = function( e ) {536 var menuItem = this.parentNode;537 538 if ( ! menuItem.classList.contains( 'focus' ) ) {539 e.preventDefault();540 for ( j = 0; j < menuItem.parentNode.children.length; ++j ) {541 if ( menuItem === menuItem.parentNode.children[j] ) {542 continue;543 }544 menuItem.parentNode.children[i].classList.remove( 'focus' );545 }546 menuItem.classList.add( 'focus' );547 } else {548 menuItem.classList.remove( 'focus' );549 }550 };551 552 for ( j = 0; j < parentLink.length; ++j ) {553 parentLink[j].addEventListener( 'touchstart', touchStartFn, false );554 }555 }556 }( menu ) );557 542 } 558 543 }; // twentytwenty.primaryMenu -
branches/5.3/src/wp-content/themes/twentytwenty/footer.php
r46614 r46712 27 27 ?> 28 28 <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo bloginfo( 'name' ); ?></a> 29 </p> 29 </p><!-- .footer-copyright --> 30 30 31 31 <p class="powered-by-wordpress"> -
branches/5.3/src/wp-content/themes/twentytwenty/functions.php
r46669 r46712 20 20 * WP Body Open 21 21 * Register Sidebars 22 * Enqueue block editor assets23 * Enqueue classic editor styles24 * Block editor settings22 * Enqueue Block Editor Assets 23 * Enqueue Classic Editor Styles 24 * Block Editor Settings 25 25 */ 26 26 … … 120 120 add_theme_support( 'align-wide' ); 121 121 122 // Adds starter content to highlight the theme on fresh sites. 123 add_theme_support( 'starter-content', twentytwenty_get_starter_content() ); 122 /* 123 * Adds starter content to highlight the theme on fresh sites. 124 * This is done conditionally to avoid loading the starter content on every 125 * page load, as it is a one-off operation only needed once in the customizer. 126 */ 127 if ( is_customize_preview() ) { 128 require get_template_directory() . '/inc/starter-content.php'; 129 add_theme_support( 'starter-content', twentytwenty_get_starter_content() ); 130 } 124 131 125 132 // Add theme support for selective refresh for widgets. … … 167 174 // Custom CSS. 168 175 require get_template_directory() . '/inc/custom-css.php'; 169 170 // Custom starter content to highlight the theme on fresh sites.171 require get_template_directory() . '/inc/starter-content.php';172 176 173 177 /** … … 532 536 'shortName' => _x( 'M', 'Short name of the regular font size in the block editor.', 'twentytwenty' ), 533 537 'size' => 21, 534 'slug' => ' regular',538 'slug' => 'normal', 535 539 ), 536 540 array( … … 693 697 'content' => array( 694 698 'accent' => array( 695 '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' ),696 'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),697 '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' ),698 'fill' => array( '.fill-children-accent', '.fill-children-accent *' ),699 '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' ), 700 'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ), 701 'background-color' => 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' ), 702 'fill' => array( '.fill-children-accent', '.fill-children-accent *' ), 699 703 ), 700 704 'background' => array( 701 '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' ),702 'background ' => array( ':root .has-background-background-color' ),705 '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', '.has-background.has-primary-background-color:not(.has-text-color)', '.has-background.has-primary-background-color *:not(.has-text-color)', '.has-background.has-accent-background-color:not(.has-text-color)', '.has-background.has-accent-background-color *:not(.has-text-color)' ), 706 'background-color' => array( ':root .has-background-background-color' ), 703 707 ), 704 708 'text' => array( 705 'color' => array( 'body', '.entry-title a', ':root .has-primary-color' ),706 'background ' => array( ':root .has-primary-background-color' ),709 'color' => array( 'body', '.entry-title a', ':root .has-primary-color' ), 710 'background-color' => array( ':root .has-primary-background-color' ), 707 711 ), 708 712 'secondary' => array( 709 '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' ),710 'background ' => array( ':root .has-secondary-background-color' ),713 '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' ), 714 'background-color' => array( ':root .has-secondary-background-color' ), 711 715 ), 712 716 'borders' => array( 713 717 'border-color' => array( 'pre', 'fieldset', 'input', 'textarea', 'table', 'table *', 'hr' ), 714 'background '=> array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', ':root .has-subtle-background-background-color' ),718 'background-color' => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', ':root .has-subtle-background-background-color' ), 715 719 'border-bottom-color' => array( '.wp-block-table.is-style-stripes' ), 716 720 'border-top-color' => array( '.wp-block-latest-posts.is-grid li' ), … … 720 724 'header-footer' => array( 721 725 'accent' => array( 722 'color' => array( 'body:not(.overlay-header) .primary-menu > li > a', 'body:not(.overlay-header) .primary-menu > li > .icon', '.modal-menu a', '.footer-menu a, .footer-widgets a', '#site-footer .wp-block-button.is-style-outline', '.wp-block-pullquote:before', '.singular:not(.overlay-header) .entry-header a', '.archive-header a', '.header-footer-group .color-accent', '.header-footer-group .color-accent-hover:hover' ),723 '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"]' ),726 'color' => array( 'body:not(.overlay-header) .primary-menu > li > a', 'body:not(.overlay-header) .primary-menu > li > .icon', '.modal-menu a', '.footer-menu a, .footer-widgets a', '#site-footer .wp-block-button.is-style-outline', '.wp-block-pullquote:before', '.singular:not(.overlay-header) .entry-header a', '.archive-header a', '.header-footer-group .color-accent', '.header-footer-group .color-accent-hover:hover' ), 727 'background-color' => 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"]' ), 724 728 ), 725 729 'background' => array( 726 '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"]' ),727 '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' ),730 '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"]' ), 731 'background-color' => 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' ), 728 732 ), 729 733 'text' => array( 730 734 'color' => array( '.header-footer-group', 'body:not(.overlay-header) #site-header .toggle', '.menu-modal .toggle' ), 731 'background '=> array( 'body:not(.overlay-header) .primary-menu ul' ),735 'background-color' => array( 'body:not(.overlay-header) .primary-menu ul' ), 732 736 'border-bottom-color' => array( 'body:not(.overlay-header) .primary-menu > li > ul:after' ), 733 737 'border-left-color' => array( 'body:not(.overlay-header) .primary-menu ul ul:after' ), … … 737 741 ), 738 742 'borders' => array( 739 'border-color' => array( '.header-footer-group pre', '.header-footer-group fieldset', '.header-footer-group input', '.header-footer-group textarea', '.header-footer-group table', '.header-footer-group table *', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal nav *', '.footer-widgets-outer-wrapper', '.footer-top' ),740 'background '=> array( '.header-footer-group table caption', 'body:not(.overlay-header) .header-inner .toggle-wrapper::before' ),743 'border-color' => array( '.header-footer-group pre', '.header-footer-group fieldset', '.header-footer-group input', '.header-footer-group textarea', '.header-footer-group table', '.header-footer-group table *', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal nav *', '.footer-widgets-outer-wrapper', '.footer-top' ), 744 'background-color' => array( '.header-footer-group table caption', 'body:not(.overlay-header) .header-inner .toggle-wrapper::before' ), 741 745 ), 742 746 ), -
branches/5.3/src/wp-content/themes/twentytwenty/inc/custom-css.php
r46614 r46712 130 130 // Background color. 131 131 if ( $background && $background !== $background_default ) { 132 twentytwenty_generate_css( '.editor-styles-wrapper', 'background', '#' . $background ); 132 twentytwenty_generate_css( '.editor-styles-wrapper', 'background-color', '#' . $background ); 133 twentytwenty_generate_css( '.has-background.has-primary-background-color:not(.has-text-color),.has-background.has-primary-background-color *:not(.has-text-color),.has-background.has-accent-background-color:not(.has-text-color),.has-background.has-accent-background-color *:not(.has-text-color)', 'color', '#' . $background ); 133 134 } 134 135 … … 165 166 // Background color. 166 167 if ( $background && $background !== $background_default ) { 167 twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'background ', '#' . $background );168 twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'background-color', '#' . $background ); 168 169 } 169 170 -
branches/5.3/src/wp-content/themes/twentytwenty/inc/starter-content.php
r46571 r46712 176 176 'name' => __( 'Primary', 'twentytwenty' ), 177 177 'items' => array( 178 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used. 179 'page_about', 180 'page_blog', 178 181 'page_contact', 179 182 ), 180 183 ), 181 // Assign a menu to the "expanded" (modal) menu location.184 // This replicates primary just to demonstrate the expanded menu. 182 185 'expanded' => array( 183 186 'name' => __( 'Primary', 'twentytwenty' ), … … 186 189 'page_about', 187 190 'page_blog', 191 'page_contact', 188 192 ), 189 193 ), -
branches/5.3/src/wp-content/themes/twentytwenty/print.css
r46614 r46712 67 67 h3, 68 68 h4, 69 .has-normal-font-size, 69 70 .has-regular-font-size, 70 71 .has-large-font-size, -
branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css
r46699 r46712 181 181 width: 1px; 182 182 word-wrap: normal !important; 183 word-break: normal; 183 184 } 184 185 … … 827 828 } 828 829 830 input[type="text"]:focus, 831 input[type="email"]:focus, 832 input[type="url"]:focus, 833 input[type="password"]:focus, 834 input[type="number"]:focus, 835 input[type="tel"]:focus, 836 input[type="range"]:focus, 837 input[type="date"]:focus, 838 input[type="month"]:focus, 839 input[type="week"]:focus, 840 input[type="time"]:focus, 841 input[type="datetime"]:focus, 842 input[type="datetime-local"]:focus, 843 input[type="color"]:focus, 844 textarea:focus { 845 border-color: currentColor; 846 } 847 848 input[type="search"]:focus { 849 outline: thin dotted; 850 outline-offset: -4px; 851 } 852 829 853 /* Tables ------------------------------------ */ 830 854 … … 1680 1704 } 1681 1705 1706 /* 1707 * Enable nav submenu expansion with tapping on arrows on large-viewport 1708 * touch interfaces (e.g. tablets or laptops with touch screens). 1709 * These rules are supported by all browsers (>IE11) and when JS is disabled. 1710 */ 1711 @media (any-pointer: coarse) { 1712 1713 .primary-menu > li.menu-item-has-children > a { 1714 padding-left: 0; 1715 margin-left: 2rem; 1716 } 1717 1718 .primary-menu ul li.menu-item-has-children > a { 1719 margin-left: 4.5rem; 1720 padding-left: 0; 1721 width: unset; 1722 } 1723 1724 } 1725 1726 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 1727 body.touch-enabled .primary-menu > li.menu-item-has-children > a { 1728 padding-left: 0; 1729 margin-left: 2rem; 1730 } 1731 1732 body.touch-enabled .primary-menu ul li.menu-item-has-children > a { 1733 margin-left: 4.5rem; 1734 padding-left: 0; 1735 width: unset; 1736 } 1737 1682 1738 /* -------------------------------------------------------------------------- */ 1683 1739 … … 2317 2373 .post-meta-wrapper { 2318 2374 margin-top: 2rem; 2375 margin-left: auto; 2376 margin-right: auto; 2377 max-width: 58rem; 2378 width: calc(100% - 4rem); 2319 2379 } 2320 2380 … … 2477 2537 .author-bio { 2478 2538 margin-top: 4rem; 2539 margin-left: auto; 2540 margin-right: auto; 2541 max-width: 58rem; 2542 width: calc(100% - 4rem); 2479 2543 } 2480 2544 … … 2686 2750 } 2687 2751 2752 .entry-content .has-normal-font-size, 2688 2753 .entry-content .has-regular-font-size { 2689 2754 font-size: 1em; … … 2716 2781 } 2717 2782 2718 .wp-block-archives ,2719 .wp-block-categories ,2783 .wp-block-archives:not(.alignwide):not(.alignfull), 2784 .wp-block-categories:not(.alignwide):not(.alignfull), 2720 2785 .wp-block-code, 2721 .wp-block-columns, 2722 .wp-block-cover, 2723 .wp-block-embed, 2724 .wp-block-gallery, 2725 .wp-block-group, 2726 .wp-block-latest-comments, 2727 .wp-block-latest-posts, 2728 .wp-block-media-text, 2786 .wp-block-columns:not(.alignwide):not(.alignfull), 2787 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2788 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2789 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2790 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 2791 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2792 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 2793 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 2794 .wp-block-media-text:not(.alignwide):not(.alignfull), 2729 2795 .wp-block-preformatted, 2730 .wp-block-pullquote ,2796 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2731 2797 .wp-block-quote, 2732 2798 .wp-block-quote.is-large, 2733 2799 .wp-block-quote.is-style-large, 2734 2800 .wp-block-verse, 2735 .wp-block-video {2801 .wp-block-video:not(.alignwide):not(.alignfull) { 2736 2802 margin-bottom: 3rem; 2737 2803 margin-top: 3rem; … … 2865 2931 /* Block: Columns ---------------------------- */ 2866 2932 2933 .wp-block-columns.alignfull, 2934 .alignfull:not(.has-background) .wp-block-columns { 2935 padding-right: 2rem; 2936 padding-left: 2rem; 2937 } 2938 2867 2939 .wp-block-column { 2868 2940 margin-bottom: 3.2rem; … … 2944 3016 /* Block: Gallery ---------------------------- */ 2945 3017 2946 ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {2947 margin-right: 0;2948 }2949 2950 3018 .wp-block-gallery ul { 2951 3019 list-style: none; … … 2990 3058 .entry-content .wp-block-group p { 2991 3059 max-width: 100%; 3060 } 3061 3062 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 3063 padding-right: 2rem; 3064 padding-left: 2rem; 2992 3065 } 2993 3066 … … 3140 3213 max-width: calc(100vw - 4rem); 3141 3214 position: relative; 3142 right: calc(50% - 50vw + 2rem); 3143 width: calc(100vw - 4rem); 3215 width: 100%; 3144 3216 } 3145 3217 … … 3176 3248 } 3177 3249 3178 .wp-block-table.is-style-stripes {3250 figure.wp-block-table.is-style-stripes { 3179 3251 border-bottom: none; 3252 } 3253 3254 .wp-block-table.is-style-stripes table { 3255 border-collapse: inherit; 3180 3256 } 3181 3257 … … 3203 3279 border: none; 3204 3280 padding: 0; 3281 margin-right: auto; 3282 margin-left: auto; 3205 3283 } 3206 3284 … … 3225 3303 /* Block: Widget Latest Comments ------------- */ 3226 3304 3227 .entry-content .wp-block-latest-comments,3228 3305 .entry-content .wp-block-latest-comments li { 3229 margin -right:0;3306 margin: 2rem 0; 3230 3307 } 3231 3308 … … 3292 3369 .entry-content { 3293 3370 line-height: 1.5; 3294 max-width: 58rem; 3371 } 3372 3373 .entry-content > * { 3374 margin-right: auto; 3375 margin-left: auto; 3376 margin-bottom: 1.25em; 3295 3377 } 3296 3378 … … 3319 3401 .entry-content h5, 3320 3402 .entry-content h6 { 3321 margin: 3.5rem 02rem;3403 margin: 3.5rem auto 2rem; 3322 3404 } 3323 3405 … … 3330 3412 3331 3413 .entry-content hr { 3332 margin: 4rem 0;3414 margin: 4rem auto; 3333 3415 } 3334 3416 … … 3362 3444 /* Alignment Classes ------------------------- */ 3363 3445 3446 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3447 max-width: 58rem; 3448 width: calc(100% - 4rem); 3449 } 3450 3451 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3452 max-width: 58rem; 3453 width: 100%; 3454 } 3455 3364 3456 .alignnone, 3365 3457 .aligncenter, 3366 3458 .alignleft, 3367 .alignright { 3368 margin: 3rem 0; 3459 .alignright, 3460 .alignwide { 3461 margin-top: 4rem; 3462 margin-left: auto; 3463 margin-bottom: 4rem; 3464 margin-right: auto; 3465 } 3466 3467 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) { 3468 margin-right: auto; 3469 margin-left: auto; 3470 } 3471 3472 /* Full */ 3473 3474 .alignfull { 3475 margin-top: 5rem; 3476 margin-left: auto; 3477 margin-bottom: 5rem; 3478 margin-right: auto; 3479 max-width: 100vw; 3480 position: relative; 3481 width: 100%; 3482 } 3483 3484 [class*="__inner-container"] > .alignfull { 3369 3485 max-width: 100%; 3370 3486 } 3487 3488 /* Wide */ 3489 3490 .alignwide { 3491 max-width: 120rem; 3492 position: relative; 3493 width: calc(100% - 4rem); 3494 } 3495 3496 [class*="__inner-container"] > .alignwide { 3497 width: 100%; 3498 } 3499 3500 /* Center */ 3371 3501 3372 3502 .aligncenter, … … 3376 3506 } 3377 3507 3508 /* Left and right */ 3509 3378 3510 .alignleft, 3379 3511 .alignright { … … 3383 3515 .alignleft { 3384 3516 float: left; 3385 margin: 0.3rem 02rem 2rem;3517 margin: 0.3rem 2rem 2rem 2rem; 3386 3518 } 3387 3519 3388 3520 .alignright { 3389 3521 float: right; 3390 margin: 0.3rem 2rem 2rem 0; 3391 } 3392 3393 .alignwide { 3394 margin: 4rem auto; 3395 max-width: 120rem; 3396 } 3397 3398 .entry-content > .alignwide { 3399 max-width: calc(100vw - 4rem); 3400 position: relative; 3401 right: calc(50% - 50vw + 2rem); 3402 width: calc(100vw - 4rem); 3403 } 3404 3405 .alignfull { 3406 margin: 5rem 0; 3407 } 3408 3409 .entry-content > .alignfull { 3410 max-width: 100vw; 3411 position: relative; 3412 right: calc(50% - 50vw); 3413 width: 100vw; 3414 } 3415 3522 margin: 0.3rem 2rem 2rem 2rem; 3523 } 3416 3524 3417 3525 /* Entry Media ------------------------------- */ … … 3421 3529 margin-right: auto; 3422 3530 margin-left: auto; 3423 max-width: 120rem;3531 max-width: 58rem; 3424 3532 width: calc(100% - 4rem); 3425 3533 } … … 4350 4458 } 4351 4459 4352 @media ( max-width: 599px ) {4353 4354 /* Blocks -------------------------------- */4355 4356 /* BLOCK: COLUMNS */4357 4358 .alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),4359 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4360 max-width: calc(100% - 4rem);4361 margin: auto;4362 }4363 }4364 4365 @media ( min-width: 600px ) and ( max-width: 781px ) {4366 4367 /* Blocks -------------------------------- */4368 4369 /* BLOCK: COLUMNS */4370 4371 .alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),4372 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4373 padding-right: 2rem;4374 }4375 4376 .alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),4377 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4378 padding-left: 2rem;4379 }4380 }4381 4382 4460 @media ( min-width: 660px ) { 4383 4461 … … 4400 4478 .entry-content > .alignleft, 4401 4479 .entry-content > p .alignleft, 4402 .entry-content > .wp-block-image .alignleft { 4480 .entry-content > .wp-block-image .alignleft, 4481 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 4482 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 4483 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 4484 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 4485 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4486 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4403 4487 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4488 } 4489 4490 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 4491 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 4492 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 4493 margin-left: 0; 4404 4494 } 4405 4495 4406 4496 .entry-content > .alignright, 4407 4497 .entry-content > p .alignright, 4408 .entry-content > .wp-block-image .alignright { 4498 .entry-content > .wp-block-image .alignright, 4499 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 4500 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 4501 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 4502 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 4503 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4504 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4409 4505 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4506 } 4507 4508 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 4509 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 4510 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 4511 margin-right: 0; 4410 4512 } 4411 4513 … … 4426 4528 4427 4529 hr { 4428 margin: 8rem 0;4530 margin: 8rem auto; 4429 4531 } 4430 4532 … … 4475 4577 h3, 4476 4578 .heading-size-3 { 4477 margin: 6rem 03rem;4579 margin: 6rem auto 3rem; 4478 4580 } 4479 4581 … … 4484 4586 h6, 4485 4587 .heading-size-6 { 4486 margin: 4.5rem 02.5rem;4588 margin: 4.5rem auto 2.5rem; 4487 4589 } 4488 4590 … … 4851 4953 /* BLOCK: BASE MARGINS */ 4852 4954 4853 .wp-block-archives ,4854 .wp-block-categories ,4955 .wp-block-archives:not(.alignwide):not(.alignfull), 4956 .wp-block-categories:not(.alignwide):not(.alignfull), 4855 4957 .wp-block-code, 4856 .wp-block-columns, 4857 .wp-block-cover, 4858 .wp-block-embed, 4859 .wp-block-gallery, 4860 .wp-block-group, 4861 .wp-block-latest-comments, 4862 .wp-block-latest-posts, 4863 .wp-block-media-text, 4958 .wp-block-columns:not(.alignwide):not(.alignfull), 4959 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4960 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4961 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4962 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 4963 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4964 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 4965 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 4966 .wp-block-media-text:not(.alignwide):not(.alignfull), 4864 4967 .wp-block-preformatted, 4865 .wp-block-pullquote ,4968 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 4866 4969 .wp-block-quote, 4867 4970 .wp-block-quote.is-large, 4868 4971 .wp-block-quote.is-style-large, 4869 4972 .wp-block-verse, 4870 .wp-block-video {4871 margin-bottom: 5rem;4872 margin-top: 5rem;4973 .wp-block-video:not(.alignwide):not(.alignfull) { 4974 margin-bottom: 4rem; 4975 margin-top: 4rem; 4873 4976 } 4874 4977 … … 4984 5087 4985 5088 hr.wp-block-separator { 4986 margin: 6rem 0;5089 margin: 6rem auto; 4987 5090 } 4988 5091 4989 5092 .wp-block-separator.is-style-wide { 4990 5093 max-width: calc(100vw - 8rem); 4991 right: calc(50% - 50vw + 4rem);4992 width: calc(100vw - 8rem);4993 5094 } 4994 5095 … … 5007 5108 .entry-content h2, 5008 5109 .entry-content h3 { 5009 margin: 6rem 03rem;5110 margin: 6rem auto 3rem; 5010 5111 } 5011 5112 … … 5013 5114 .entry-content h5, 5014 5115 .entry-content h6 { 5015 margin: 4.5rem 0 2.5rem; 5016 } 5017 5018 /* ALIGNMENT CLASSES */ 5116 margin: 4.5rem auto 2.5rem; 5117 } 5019 5118 5020 5119 .alignnone, … … 5032 5131 } 5033 5132 5034 . alignwide,5035 . alignfull {5133 .entry-content > .alignwide, 5134 .entry-content > .alignfull { 5036 5135 margin-bottom: 6rem; 5037 5136 margin-top: 6rem; … … 5040 5139 .entry-content > .alignwide { 5041 5140 max-width: calc(100vw - 8rem); 5042 right: calc(50% - 50vw + 4rem);5043 5141 width: calc(100vw - 8rem); 5044 5142 } … … 5280 5378 } 5281 5379 5282 .alignfull .wp-block-column:first-child > p, 5283 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { 5284 padding-right: 2rem; 5285 } 5286 5287 .alignfull:not(.has-background) .wp-block-column:last-child > p, 5288 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { 5289 padding-left: 2rem; 5380 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5381 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5382 margin-top: -2.8rem; 5290 5383 } 5291 5384 } … … 5513 5606 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5514 5607 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5515 margin-top: - 5.2rem;5608 margin-top: -4.8rem; 5516 5609 } 5517 5610 … … 5526 5619 /* BLOCK: GROUP */ 5527 5620 5528 . wp-block-group.alignwide.has-background,5529 . wp-block-group.alignfull.has-background {5621 .entry-content > .wp-block-group.alignwide.has-background, 5622 .entry-content > .wp-block-group.alignfull.has-background { 5530 5623 padding: 8rem 4rem; 5531 5624 } … … 5534 5627 5535 5628 hr.wp-block-separator { 5536 margin: 8rem 0;5629 margin: 8rem auto; 5537 5630 } 5538 5631 … … 5541 5634 /* ALIGNMENT CLASSES */ 5542 5635 5543 .alignwide, 5544 .alignfull { 5636 .entry-content > .alignleft, 5637 .entry-content > p .alignleft, 5638 .entry-content > .wp-block-image .alignleft { 5639 position: absolute; 5640 left: calc((100vw - 58rem) / 2 + 58rem); 5641 max-width: calc((100% - 58rem) / 2 - 4rem); 5642 } 5643 5644 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5645 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5646 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5647 position: relative; 5648 left: inherit; 5649 max-width: inherit; 5650 } 5651 5652 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 5653 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 5654 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 5655 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5656 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5657 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5658 position: absolute; 5659 left: calc((100% - 58rem) / 2 + 58rem); 5660 max-width: calc((100% - 58rem) / 2 - 4rem); 5661 } 5662 5663 .entry-content > .alignright, 5664 .entry-content > p .alignright, 5665 .entry-content > .wp-block-image .alignright, 5666 [class*="__inner-container"] > .alignright { 5667 position: absolute; 5668 right: calc((100vw - 58rem) / 2 + 58rem); 5669 max-width: calc((100% - 58rem) / 2 - 4rem); 5670 } 5671 5672 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 5673 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 5674 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 5675 position: relative; 5676 right: inherit; 5677 max-width: inherit; 5678 } 5679 5680 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 5681 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 5682 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 5683 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5684 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5685 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5686 position: absolute; 5687 right: calc((100% - 58rem) / 2 + 58rem); 5688 max-width: calc((100% - 58rem) / 2 - 4rem); 5689 } 5690 5691 .entry-content > .alignwide, 5692 .entry-content > .alignfull { 5545 5693 margin-bottom: 8rem; 5546 5694 margin-top: 8rem; … … 5691 5839 /* BLOCK: GROUP */ 5692 5840 5693 . wp-block-group.alignwide.has-background,5694 . wp-block-group.alignfull.has-background {5841 .entry-content > .wp-block-group.alignwide.has-background, 5842 .entry-content > .wp-block-group.alignfull.has-background { 5695 5843 padding: 8rem 6rem; 5696 5844 } … … 5712 5860 /* ALIGNMENT CLASSES */ 5713 5861 5714 . alignfull {5862 .entry-content > .alignfull { 5715 5863 margin-bottom: 10rem; 5716 5864 margin-top: 10rem; … … 5806 5954 .wp-block-separator.is-style-wide { 5807 5955 max-width: 120rem; 5808 right: calc(50% - 60rem);5809 5956 width: 120rem; 5810 5957 } … … 5828 5975 .entry-content > .alignwide { 5829 5976 max-width: 120rem; 5830 right: calc(50% - 60rem);5831 5977 width: 120rem; 5978 } 5979 5980 [class*="__inner-container"] > .alignwide { 5981 max-width: 120rem; 5982 width: 100%; 5832 5983 } 5833 5984 -
branches/5.3/src/wp-content/themes/twentytwenty/style.css
r46699 r46712 181 181 width: 1px; 182 182 word-wrap: normal !important; 183 word-break: normal; 183 184 } 184 185 … … 833 834 } 834 835 836 input[type="text"]:focus, 837 input[type="email"]:focus, 838 input[type="url"]:focus, 839 input[type="password"]:focus, 840 input[type="number"]:focus, 841 input[type="tel"]:focus, 842 input[type="range"]:focus, 843 input[type="date"]:focus, 844 input[type="month"]:focus, 845 input[type="week"]:focus, 846 input[type="time"]:focus, 847 input[type="datetime"]:focus, 848 input[type="datetime-local"]:focus, 849 input[type="color"]:focus, 850 textarea:focus { 851 border-color: currentColor; 852 } 853 854 input[type="search"]:focus { 855 outline: thin dotted; 856 outline-offset: -4px; 857 } 858 835 859 /* Tables ------------------------------------ */ 836 860 … … 1688 1712 } 1689 1713 1714 /* 1715 * Enable nav submenu expansion with tapping on arrows on large-viewport 1716 * touch interfaces (e.g. tablets or laptops with touch screens). 1717 * These rules are supported by all browsers (>IE11) and when JS is disabled. 1718 */ 1719 @media (any-pointer: coarse) { 1720 1721 .primary-menu > li.menu-item-has-children > a { 1722 padding-right: 0; 1723 margin-right: 2rem; 1724 } 1725 1726 .primary-menu ul li.menu-item-has-children > a { 1727 margin-right: 4.5rem; 1728 padding-right: 0; 1729 width: unset; 1730 } 1731 1732 } 1733 1734 /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ 1735 body.touch-enabled .primary-menu > li.menu-item-has-children > a { 1736 padding-right: 0; 1737 margin-right: 2rem; 1738 } 1739 1740 body.touch-enabled .primary-menu ul li.menu-item-has-children > a { 1741 margin-right: 4.5rem; 1742 padding-right: 0; 1743 width: unset; 1744 } 1745 1690 1746 /* -------------------------------------------------------------------------- */ 1691 1747 … … 2329 2385 .post-meta-wrapper { 2330 2386 margin-top: 2rem; 2387 margin-right: auto; 2388 margin-left: auto; 2389 max-width: 58rem; 2390 width: calc(100% - 4rem); 2331 2391 } 2332 2392 … … 2489 2549 .author-bio { 2490 2550 margin-top: 4rem; 2551 margin-right: auto; 2552 margin-left: auto; 2553 max-width: 58rem; 2554 width: calc(100% - 4rem); 2491 2555 } 2492 2556 … … 2700 2764 } 2701 2765 2766 .entry-content .has-normal-font-size, 2702 2767 .entry-content .has-regular-font-size { 2703 2768 font-size: 1em; … … 2730 2795 } 2731 2796 2732 .wp-block-archives ,2733 .wp-block-categories ,2797 .wp-block-archives:not(.alignwide):not(.alignfull), 2798 .wp-block-categories:not(.alignwide):not(.alignfull), 2734 2799 .wp-block-code, 2735 .wp-block-columns, 2736 .wp-block-cover, 2737 .wp-block-embed, 2738 .wp-block-gallery, 2739 .wp-block-group, 2740 .wp-block-latest-comments, 2741 .wp-block-latest-posts, 2742 .wp-block-media-text, 2800 .wp-block-columns:not(.alignwide):not(.alignfull), 2801 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2802 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2803 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2804 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 2805 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 2806 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 2807 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 2808 .wp-block-media-text:not(.alignwide):not(.alignfull), 2743 2809 .wp-block-preformatted, 2744 .wp-block-pullquote ,2810 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2745 2811 .wp-block-quote, 2746 2812 .wp-block-quote.is-large, 2747 2813 .wp-block-quote.is-style-large, 2748 2814 .wp-block-verse, 2749 .wp-block-video {2815 .wp-block-video:not(.alignwide):not(.alignfull) { 2750 2816 margin-bottom: 3rem; 2751 2817 margin-top: 3rem; … … 2879 2945 /* Block: Columns ---------------------------- */ 2880 2946 2947 .wp-block-columns.alignfull, 2948 .alignfull:not(.has-background) .wp-block-columns { 2949 padding-left: 2rem; 2950 padding-right: 2rem; 2951 } 2952 2881 2953 .wp-block-column { 2882 2954 margin-bottom: 3.2rem; … … 2958 3030 /* Block: Gallery ---------------------------- */ 2959 3031 2960 ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {2961 margin-left: 0;2962 }2963 2964 3032 .wp-block-gallery ul { 2965 3033 list-style: none; … … 3004 3072 .entry-content .wp-block-group p { 3005 3073 max-width: 100%; 3074 } 3075 3076 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 3077 padding-left: 2rem; 3078 padding-right: 2rem; 3006 3079 } 3007 3080 … … 3154 3227 max-width: calc(100vw - 4rem); 3155 3228 position: relative; 3156 left: calc(50% - 50vw + 2rem); 3157 width: calc(100vw - 4rem); 3229 width: 100%; 3158 3230 } 3159 3231 … … 3190 3262 } 3191 3263 3192 .wp-block-table.is-style-stripes {3264 figure.wp-block-table.is-style-stripes { 3193 3265 border-bottom: none; 3266 } 3267 3268 .wp-block-table.is-style-stripes table { 3269 border-collapse: inherit; 3194 3270 } 3195 3271 … … 3221 3297 border: none; 3222 3298 padding: 0; 3299 margin-left: auto; 3300 margin-right: auto; 3223 3301 } 3224 3302 … … 3243 3321 /* Block: Widget Latest Comments ------------- */ 3244 3322 3245 .entry-content .wp-block-latest-comments,3246 3323 .entry-content .wp-block-latest-comments li { 3247 margin -left:0;3324 margin: 2rem 0; 3248 3325 } 3249 3326 … … 3310 3387 .entry-content { 3311 3388 line-height: 1.5; 3312 max-width: 58rem; 3389 } 3390 3391 .entry-content > * { 3392 margin-left: auto; 3393 margin-right: auto; 3394 margin-bottom: 1.25em; 3313 3395 } 3314 3396 … … 3337 3419 .entry-content h5, 3338 3420 .entry-content h6 { 3339 margin: 3.5rem 02rem;3421 margin: 3.5rem auto 2rem; 3340 3422 } 3341 3423 … … 3348 3430 3349 3431 .entry-content hr { 3350 margin: 4rem 0;3432 margin: 4rem auto; 3351 3433 } 3352 3434 … … 3380 3462 /* Alignment Classes ------------------------- */ 3381 3463 3464 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3465 max-width: 58rem; 3466 width: calc(100% - 4rem); 3467 } 3468 3469 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3470 max-width: 58rem; 3471 width: 100%; 3472 } 3473 3382 3474 .alignnone, 3383 3475 .aligncenter, 3384 3476 .alignleft, 3385 .alignright { 3386 margin: 3rem 0; 3477 .alignright, 3478 .alignwide { 3479 margin-top: 4rem; 3480 margin-right: auto; 3481 margin-bottom: 4rem; 3482 margin-left: auto; 3483 } 3484 3485 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) { 3486 margin-left: auto; 3487 margin-right: auto; 3488 } 3489 3490 /* Full */ 3491 3492 .alignfull { 3493 margin-top: 5rem; 3494 margin-right: auto; 3495 margin-bottom: 5rem; 3496 margin-left: auto; 3497 max-width: 100vw; 3498 position: relative; 3499 width: 100%; 3500 } 3501 3502 [class*="__inner-container"] > .alignfull { 3387 3503 max-width: 100%; 3388 3504 } 3505 3506 /* Wide */ 3507 3508 .alignwide { 3509 max-width: 120rem; 3510 position: relative; 3511 width: calc(100% - 4rem); 3512 } 3513 3514 [class*="__inner-container"] > .alignwide { 3515 width: 100%; 3516 } 3517 3518 /* Center */ 3389 3519 3390 3520 .aligncenter, … … 3394 3524 } 3395 3525 3526 /* Left and right */ 3527 3396 3528 .alignleft, 3397 3529 .alignright { … … 3403 3535 /*rtl:ignore*/ 3404 3536 float: left; 3405 margin: 0.3rem 2rem 2rem 0;3537 margin: 0.3rem 2rem 2rem 2rem; 3406 3538 } 3407 3539 … … 3410 3542 /*rtl:ignore*/ 3411 3543 float: right; 3412 margin: 0.3rem 0 2rem 2rem; 3413 } 3414 3415 .alignwide { 3416 margin: 4rem auto; 3417 max-width: 120rem; 3418 } 3419 3420 .entry-content > .alignwide { 3421 max-width: calc(100vw - 4rem); 3422 position: relative; 3423 left: calc(50% - 50vw + 2rem); 3424 width: calc(100vw - 4rem); 3425 } 3426 3427 .alignfull { 3428 margin: 5rem 0; 3429 } 3430 3431 .entry-content > .alignfull { 3432 max-width: 100vw; 3433 position: relative; 3434 left: calc(50% - 50vw); 3435 width: 100vw; 3436 } 3437 3544 margin: 0.3rem 2rem 2rem 2rem; 3545 } 3438 3546 3439 3547 /* Entry Media ------------------------------- */ … … 3443 3551 margin-left: auto; 3444 3552 margin-right: auto; 3445 max-width: 120rem;3553 max-width: 58rem; 3446 3554 width: calc(100% - 4rem); 3447 3555 } … … 4372 4480 } 4373 4481 4374 @media ( max-width: 599px ) {4375 4376 /* Blocks -------------------------------- */4377 4378 /* BLOCK: COLUMNS */4379 4380 .alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),4381 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4382 max-width: calc(100% - 4rem);4383 margin: auto;4384 }4385 }4386 4387 @media ( min-width: 600px ) and ( max-width: 781px ) {4388 4389 /* Blocks -------------------------------- */4390 4391 /* BLOCK: COLUMNS */4392 4393 .alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),4394 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4395 padding-left: 2rem;4396 }4397 4398 .alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),4399 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {4400 padding-right: 2rem;4401 }4402 }4403 4404 4482 @media ( min-width: 660px ) { 4405 4483 … … 4426 4504 .entry-content > .alignleft, 4427 4505 .entry-content > p .alignleft, 4428 .entry-content > .wp-block-image .alignleft { 4506 .entry-content > .wp-block-image .alignleft, 4507 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 4508 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 4509 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 4510 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 4511 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4512 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4429 4513 4430 4514 /*rtl:ignore*/ … … 4432 4516 } 4433 4517 4518 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 4519 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 4520 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 4521 4522 /*rtl:ignore*/ 4523 margin-left: 0; 4524 } 4525 4434 4526 .entry-content > .alignright, 4435 4527 .entry-content > p .alignright, 4436 .entry-content > .wp-block-image .alignright { 4528 .entry-content > .wp-block-image .alignright, 4529 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 4530 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 4531 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 4532 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 4533 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4534 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4437 4535 4438 4536 /*rtl:ignore*/ 4439 4537 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4538 } 4539 4540 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 4541 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 4542 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 4543 4544 /*rtl:ignore*/ 4545 margin-right: 0; 4440 4546 } 4441 4547 … … 4456 4562 4457 4563 hr { 4458 margin: 8rem 0;4564 margin: 8rem auto; 4459 4565 } 4460 4566 … … 4505 4611 h3, 4506 4612 .heading-size-3 { 4507 margin: 6rem 03rem;4613 margin: 6rem auto 3rem; 4508 4614 } 4509 4615 … … 4514 4620 h6, 4515 4621 .heading-size-6 { 4516 margin: 4.5rem 02.5rem;4622 margin: 4.5rem auto 2.5rem; 4517 4623 } 4518 4624 … … 4881 4987 /* BLOCK: BASE MARGINS */ 4882 4988 4883 .wp-block-archives ,4884 .wp-block-categories ,4989 .wp-block-archives:not(.alignwide):not(.alignfull), 4990 .wp-block-categories:not(.alignwide):not(.alignfull), 4885 4991 .wp-block-code, 4886 .wp-block-columns, 4887 .wp-block-cover, 4888 .wp-block-embed, 4889 .wp-block-gallery, 4890 .wp-block-group, 4891 .wp-block-latest-comments, 4892 .wp-block-latest-posts, 4893 .wp-block-media-text, 4992 .wp-block-columns:not(.alignwide):not(.alignfull), 4993 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4994 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4995 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4996 .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), 4997 .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), 4998 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), 4999 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), 5000 .wp-block-media-text:not(.alignwide):not(.alignfull), 4894 5001 .wp-block-preformatted, 4895 .wp-block-pullquote ,5002 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 4896 5003 .wp-block-quote, 4897 5004 .wp-block-quote.is-large, 4898 5005 .wp-block-quote.is-style-large, 4899 5006 .wp-block-verse, 4900 .wp-block-video {4901 margin-bottom: 5rem;4902 margin-top: 5rem;5007 .wp-block-video:not(.alignwide):not(.alignfull) { 5008 margin-bottom: 4rem; 5009 margin-top: 4rem; 4903 5010 } 4904 5011 … … 5014 5121 5015 5122 hr.wp-block-separator { 5016 margin: 6rem 0;5123 margin: 6rem auto; 5017 5124 } 5018 5125 5019 5126 .wp-block-separator.is-style-wide { 5020 5127 max-width: calc(100vw - 8rem); 5021 left: calc(50% - 50vw + 4rem);5022 width: calc(100vw - 8rem);5023 5128 } 5024 5129 … … 5037 5142 .entry-content h2, 5038 5143 .entry-content h3 { 5039 margin: 6rem 03rem;5144 margin: 6rem auto 3rem; 5040 5145 } 5041 5146 … … 5043 5148 .entry-content h5, 5044 5149 .entry-content h6 { 5045 margin: 4.5rem 0 2.5rem; 5046 } 5047 5048 /* ALIGNMENT CLASSES */ 5150 margin: 4.5rem auto 2.5rem; 5151 } 5049 5152 5050 5153 .alignnone, … … 5066 5169 } 5067 5170 5068 . alignwide,5069 . alignfull {5171 .entry-content > .alignwide, 5172 .entry-content > .alignfull { 5070 5173 margin-bottom: 6rem; 5071 5174 margin-top: 6rem; … … 5074 5177 .entry-content > .alignwide { 5075 5178 max-width: calc(100vw - 8rem); 5076 left: calc(50% - 50vw + 4rem);5077 5179 width: calc(100vw - 8rem); 5078 5180 } … … 5314 5416 } 5315 5417 5316 .alignfull .wp-block-column:first-child > p, 5317 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { 5318 padding-left: 2rem; 5319 } 5320 5321 .alignfull:not(.has-background) .wp-block-column:last-child > p, 5322 .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { 5323 padding-right: 2rem; 5418 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5419 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5420 margin-top: -2.8rem; 5324 5421 } 5325 5422 } … … 5547 5644 .wp-block-columns.alignwide + .wp-block-columns.alignwide, 5548 5645 .wp-block-columns.alignfull + .wp-block-columns.alignfull { 5549 margin-top: - 5.2rem;5646 margin-top: -4.8rem; 5550 5647 } 5551 5648 … … 5560 5657 /* BLOCK: GROUP */ 5561 5658 5562 . wp-block-group.alignwide.has-background,5563 . wp-block-group.alignfull.has-background {5659 .entry-content > .wp-block-group.alignwide.has-background, 5660 .entry-content > .wp-block-group.alignfull.has-background { 5564 5661 padding: 8rem 4rem; 5565 5662 } … … 5568 5665 5569 5666 hr.wp-block-separator { 5570 margin: 8rem 0;5667 margin: 8rem auto; 5571 5668 } 5572 5669 … … 5575 5672 /* ALIGNMENT CLASSES */ 5576 5673 5577 .alignwide, 5578 .alignfull { 5674 .entry-content > .alignleft, 5675 .entry-content > p .alignleft, 5676 .entry-content > .wp-block-image .alignleft { 5677 position: absolute; 5678 right: calc((100vw - 58rem) / 2 + 58rem); 5679 max-width: calc((100% - 58rem) / 2 - 4rem); 5680 } 5681 5682 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5683 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5684 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5685 position: relative; 5686 right: inherit; 5687 max-width: inherit; 5688 } 5689 5690 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 5691 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 5692 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 5693 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5694 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5695 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5696 position: absolute; 5697 right: calc((100% - 58rem) / 2 + 58rem); 5698 max-width: calc((100% - 58rem) / 2 - 4rem); 5699 } 5700 5701 .entry-content > .alignright, 5702 .entry-content > p .alignright, 5703 .entry-content > .wp-block-image .alignright, 5704 [class*="__inner-container"] > .alignright { 5705 position: absolute; 5706 left: calc((100vw - 58rem) / 2 + 58rem); 5707 max-width: calc((100% - 58rem) / 2 - 4rem); 5708 } 5709 5710 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 5711 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 5712 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 5713 position: relative; 5714 left: inherit; 5715 max-width: inherit; 5716 } 5717 5718 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 5719 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 5720 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 5721 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5722 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5723 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5724 position: absolute; 5725 left: calc((100% - 58rem) / 2 + 58rem); 5726 max-width: calc((100% - 58rem) / 2 - 4rem); 5727 } 5728 5729 .entry-content > .alignwide, 5730 .entry-content > .alignfull { 5579 5731 margin-bottom: 8rem; 5580 5732 margin-top: 8rem; … … 5725 5877 /* BLOCK: GROUP */ 5726 5878 5727 . wp-block-group.alignwide.has-background,5728 . wp-block-group.alignfull.has-background {5879 .entry-content > .wp-block-group.alignwide.has-background, 5880 .entry-content > .wp-block-group.alignfull.has-background { 5729 5881 padding: 8rem 6rem; 5730 5882 } … … 5746 5898 /* ALIGNMENT CLASSES */ 5747 5899 5748 . alignfull {5900 .entry-content > .alignfull { 5749 5901 margin-bottom: 10rem; 5750 5902 margin-top: 10rem; … … 5844 5996 .wp-block-separator.is-style-wide { 5845 5997 max-width: 120rem; 5846 left: calc(50% - 60rem);5847 5998 width: 120rem; 5848 5999 } … … 5870 6021 .entry-content > .alignwide { 5871 6022 max-width: 120rem; 5872 left: calc(50% - 60rem);5873 6023 width: 120rem; 6024 } 6025 6026 [class*="__inner-container"] > .alignwide { 6027 max-width: 120rem; 6028 width: 100%; 5874 6029 } 5875 6030 -
branches/5.3/src/wp-content/themes/twentytwenty/template-parts/content.php
r46614 r46712 26 26 ?> 27 27 28 <div class="post-inner section-inner<?php echo is_page_template( 'templates/template-full-width.php' ) ? '' : 'thin'; ?> ">28 <div class="post-inner <?php echo is_page_template( 'templates/template-full-width.php' ) ? '' : 'thin'; ?> "> 29 29 30 30 <div class="entry-content"> … … 40 40 </div><!-- .entry-content --> 41 41 42 </div><!-- .post-inner --> 43 44 <div class="section-inner"> 42 45 <?php 43 46 wp_link_pages( … … 62 65 ?> 63 66 64 </div><!-- . post-inner -->67 </div><!-- .section-inner --> 65 68 66 69 <?php
Note: See TracChangeset
for help on using the changeset viewer.