Ticket #48571: 48571.diff
File 48571.diff, 42.7 KB (added by , 4 years ago) |
---|
-
src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css index 97f868df5c..4b3018a08d 100644
a b hr.wp-block-separator.is-style-dots::before { 1060 1060 margin-top: 30px; 1061 1061 } 1062 1062 1063 .editor-styles-wrapper .wp-block-image.is-resized { 1064 margin-right: auto; 1065 margin-left: auto; 1066 } 1067 1063 1068 /* Block: Group ------------------------------ */ 1064 1069 1065 1070 .editor-styles-wrapper .wp-block-group.has-background { -
src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css index c71b257c3d..55d1446f31 100644
a b hr.wp-block-separator.is-style-dots::before { 1060 1060 margin-top: 30px; 1061 1061 } 1062 1062 1063 .editor-styles-wrapper .wp-block-image.is-resized { 1064 margin-left: auto; 1065 margin-right: auto; 1066 } 1067 1063 1068 /* Block: Group ------------------------------ */ 1064 1069 1065 1070 .editor-styles-wrapper .wp-block-group.has-background { -
src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php
diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php index 406a60511a..b178bcb454 100644
a b if ( ! class_exists( 'TwentyTwenty_Non_Latin_Languages' ) ) { 19 19 * Get custom CSS. 20 20 * 21 21 * Return CSS for non-latin language, if available, or null 22 * 22 * 23 23 * @param string $type Whether to return CSS for the "front-end", "block-editor" or "classic-editor". 24 24 * 25 25 * @return void -
src/wp-content/themes/twentytwenty/functions.php
diff --git a/src/wp-content/themes/twentytwenty/functions.php b/src/wp-content/themes/twentytwenty/functions.php index 70a5c0202a..ce1e2a6cb5 100644
a b add_action( 'after_setup_theme', 'twentytwenty_block_editor_settings' ); 570 570 * @return string $html 571 571 */ 572 572 function twentytwenty_read_more_tag( $html ) { 573 return preg_replace( '/<a(.*)>(.*)<\/a>/iU', sprintf( '< a$1><span class="faux-button">$2</span> <span class="screen-reader-text">"%1$s"</span></a>', get_the_title( get_the_ID() ) ), $html );573 return preg_replace( '/<a(.*)>(.*)<\/a>/iU', sprintf( '<div class="read-more-button-wrap"><a$1><span class="faux-button">$2</span> <span class="screen-reader-text">"%1$s"</span></a></div>', get_the_title( get_the_ID() ) ), $html ); 574 574 } 575 575 576 576 add_filter( 'the_content_more_link', 'twentytwenty_read_more_tag' ); -
src/wp-content/themes/twentytwenty/style-rtl.css
diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css index 06062b0710..ed58877a77 100644
a b button.toggle { 1202 1202 } 1203 1203 } 1204 1204 1205 .wp-block-image.is-resized { 1206 margin-right: auto; 1207 margin-left: auto; 1208 } 1205 1209 1206 1210 /* Search Form ------------------------------- */ 1207 1211 … … body.template-cover .entry-header { 2244 2248 /* 7c. Template: Full Width 2245 2249 /* -------------------------------------------------------------------------- */ 2246 2250 2247 body.template-full-width .entry-content { 2248 max-width: none; 2251 2252 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), 2253 body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 2254 max-width: 120rem; 2249 2255 } 2250 2256 2251 body.template-full-width .entry-content .alignleft { 2257 body.template-full-width .entry-content .alignleft, 2258 body.template-full-width .entry-content .alignright { 2259 position: static; 2260 } 2261 2262 body.template-full-width .entry-content .alignleft, 2263 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 2264 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 2265 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { 2252 2266 margin-left: 0; 2267 position: static; 2253 2268 } 2254 2269 2255 body.template-full-width .entry-content .alignright { 2270 body.template-full-width .entry-content > .alignleft, 2271 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 2272 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 2273 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 2274 margin-left: 2rem; 2275 position: static; 2276 } 2277 2278 body.template-full-width .entry-content .alignright, 2279 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 2280 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 2281 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { 2256 2282 margin-right: 0; 2283 position: static; 2284 } 2285 2286 body.template-full-width .entry-content > .alignright, 2287 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 2288 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 2289 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 2290 margin-right: 2rem; 2291 position: static; 2257 2292 } 2258 2293 2294 2259 2295 /* -------------------------------------------------------------------------- */ 2260 2296 2261 2297 /* 8. Post: Archive … … figure.wp-block-gallery.alignfull { 3102 3138 3103 3139 .wp-block-pullquote.alignleft, 3104 3140 .wp-block-pullquote.alignright { 3105 max-width: 100%;3141 max-width: calc(100% - 4rem); 3106 3142 } 3107 3143 3108 3144 .wp-block-pullquote::before { … … figure.wp-block-table.is-style-stripes { 3342 3378 3343 3379 /* Block: Widget Latest Posts ---------------- */ 3344 3380 3345 .wp-block-latest-posts.is-grid,3346 .wp-block-latest-posts.has-dates,3347 .wp-block-latest-posts.has-dates li {3348 margin-right: 0;3349 }3350 3351 3381 .wp-block-latest-posts.is-grid li { 3352 3382 border-top: 0.2rem solid #dcd7ca; 3353 3383 margin-top: 2rem; … … figure.wp-block-table.is-style-stripes { 3391 3421 margin-bottom: 0; 3392 3422 } 3393 3423 3424 .read-more-button-wrap { 3425 margin-top: 1em; 3426 text-align: center; 3427 } 3428 3394 3429 .entry-content a:hover, 3395 3430 .entry-content a:focus { 3396 3431 text-decoration: none; … … figure.wp-block-table.is-style-stripes { 3471 3506 margin-right: auto; 3472 3507 } 3473 3508 3474 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {3509 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3475 3510 margin-right: auto; 3476 3511 margin-left: auto; 3477 3512 } … … figure.wp-block-table.is-style-stripes { 3529 3564 margin: 0.3rem 2rem 2rem 2rem; 3530 3565 } 3531 3566 3567 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 3568 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 3569 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 3570 margin-left: 2rem; 3571 } 3572 3573 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 3574 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 3575 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 3576 margin-right: 2rem; 3577 } 3578 3532 3579 /* Entry Media ------------------------------- */ 3533 3580 3534 3581 .alignfull > figcaption, … … div.comment:first-of-type { 3650 3697 3651 3698 /* COMMENT CONTENT */ 3652 3699 3653 .comment-content.entry-content .alignleft{3654 margin-right: 0;3700 .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3701 width: 100%; 3655 3702 } 3656 3703 3657 .comment-content.entry-content .align right {3704 .comment-content.entry-content .alignleft { 3658 3705 margin-left: 0; 3659 3706 } 3660 3707 3661 .comment-content.entry-content > .alignwide, 3662 .comment-content.entry-content > .alignfull { 3663 right: auto; 3664 max-width: 100%; 3665 width: auto; 3708 .comment-content.entry-content .alignright { 3709 margin-right: 0; 3666 3710 } 3667 3711 3668 3712 /* COMMENT FOOTER */ … … a.to-the-top > * { 4364 4408 .wp-block-pullquote.alignleft, 4365 4409 .wp-block-pullquote.alignright { 4366 4410 float: none; 4367 margin: 3rem 0;4368 }4369 4370 .wp-block-pullquote.alignleft:first-child,4371 .wp-block-pullquote.alignright:first-child {4372 margin-top: 0;4373 }4374 4375 .wp-block-pullquote.alignleft:last-child,4376 .wp-block-pullquote.alignright:last-child {4377 margin-bottom: 0;4378 4411 } 4379 4412 4380 4413 /* Entry Content ------------------------- */ … … a.to-the-top > * { 4482 4515 4483 4516 /* ALIGNMENT CLASSES */ 4484 4517 4485 .entry-content > .alignleft, 4518 .entry-content > .alignleft { 4519 margin-left: 4rem; 4520 } 4521 4486 4522 .entry-content > p .alignleft, 4487 .entry-content > .wp-block-image .alignleft, 4488 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 4489 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 4490 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 4491 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft:not(.wp-block-pullquote), 4492 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4493 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4523 .entry-content > .wp-block-image .alignleft { 4494 4524 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4495 4525 } 4496 4526 … … a.to-the-top > * { 4500 4530 margin-left: 0; 4501 4531 } 4502 4532 4503 .entry-content > .alignright, 4533 .entry-content > .alignright { 4534 margin-right: 4rem; 4535 } 4536 4504 4537 .entry-content > p .alignright, 4505 .entry-content > .wp-block-image .alignright, 4506 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 4507 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 4508 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 4509 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright:not(.wp-block-pullquote), 4510 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4511 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4538 .entry-content > .wp-block-image .alignright { 4512 4539 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4513 4540 } 4514 4541 … … a.to-the-top > * { 4804 4831 width: 2.12rem; 4805 4832 } 4806 4833 4834 /* Template: Full Width ------------------ */ 4835 4836 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 4837 width: calc(100% - 8rem); 4838 } 4839 4840 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 4841 padding-right: 4rem; 4842 padding-left: 4rem; 4843 } 4844 4845 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 4846 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4847 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4848 margin-left: 4rem; 4849 } 4850 4851 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 4852 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4853 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4854 margin-right: 4rem; 4855 } 4856 4807 4857 /* Post: Archive ------------------------- */ 4808 4858 4809 4859 .archive-header { … … a.to-the-top > * { 5032 5082 margin-bottom: 0; 5033 5083 } 5034 5084 5085 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5086 padding-right: 0; 5087 padding-left: 0; 5088 } 5089 5035 5090 /* BLOCK: MEDIA AND TEXT */ 5036 5091 5037 5092 .wp-block-media-text .wp-block-media-text__content { … … a.to-the-top > * { 5150 5205 width: calc(100vw - 8rem); 5151 5206 } 5152 5207 5208 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 5209 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 5210 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 5211 margin-left: 4rem; 5212 } 5213 5214 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 5215 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 5216 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 5217 margin-right: 4rem; 5218 } 5219 5153 5220 /* ENTRY MEDIA */ 5154 5221 5155 5222 .alignfull > figcaption, … … a.to-the-top > * { 5598 5665 width: 100%; 5599 5666 } 5600 5667 5601 /* Template: [Template Name] ------------- */ 5668 /* Template: Full Width ------------------ */ 5669 5670 .template-full-width .wp-block-image .alignleft { 5671 margin-right: 2rem; 5672 } 5673 5674 .template-full-width .wp-block-image .alignright { 5675 margin-left: 2rem; 5676 } 5602 5677 5603 5678 /* Post: Archive ------------------------- */ 5604 5679 … … a.to-the-top > * { 5634 5709 margin-top: 0; 5635 5710 } 5636 5711 5712 /* BLOCK: IMAGE */ 5713 5714 .wp-block-image .alignleft { 5715 margin-right: 0; 5716 } 5717 5718 .wp-block-image .alignright { 5719 margin-left: 0; 5720 } 5721 5637 5722 /* BLOCK: SEPARATOR */ 5638 5723 5639 5724 hr.wp-block-separator { … … a.to-the-top > * { 5648 5733 .entry-content > p .alignleft, 5649 5734 .entry-content > .wp-block-image .alignleft { 5650 5735 position: absolute; 5651 left: calc((100vw - 58rem) / 2 + 58rem);5652 max-width: calc((100% - 58rem) / 2 - 4rem);5736 right: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5737 max-width: calc((100% - 58rem) / 2 - 6rem); 5653 5738 } 5654 5739 5655 5740 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5656 5741 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5657 5742 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5658 5743 position: relative; 5659 left: inherit;5744 right: inherit; 5660 5745 max-width: inherit; 5661 5746 } 5662 5747 … … a.to-the-top > * { 5667 5752 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5668 5753 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5669 5754 position: absolute; 5670 left: calc((100% - 58rem) / 2 + 58rem);5755 right: calc((100% - 58rem) / 2 + 58rem + 4rem); 5671 5756 max-width: calc((100% - 58rem) / 2 - 4rem); 5672 5757 } 5673 5758 5759 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5760 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5761 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5762 right: calc((100% - 58rem) / 2 + 58rem); 5763 } 5764 5765 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5766 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5767 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5768 margin-left: 4rem; 5769 } 5770 5674 5771 .entry-content > .alignright, 5675 5772 .entry-content > p .alignright, 5676 5773 .entry-content > .wp-block-image .alignright, 5677 5774 [class*="__inner-container"] > .alignright { 5678 5775 position: absolute; 5679 right: calc((100vw - 58rem) / 2 + 58rem);5680 max-width: calc((100% - 58rem) / 2 - 4rem);5776 left: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5777 max-width: calc((100% - 58rem) / 2 - 6rem); 5681 5778 } 5682 5779 5683 5780 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 5684 5781 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 5685 5782 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 5686 5783 position: relative; 5687 right: inherit;5784 left: inherit; 5688 5785 max-width: inherit; 5689 5786 } 5690 5787 … … a.to-the-top > * { 5695 5792 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5696 5793 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5697 5794 position: absolute; 5698 right: calc((100% - 58rem) / 2 + 58rem);5795 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5699 5796 max-width: calc((100% - 58rem) / 2 - 4rem); 5700 5797 } 5701 5798 5799 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 5800 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 5801 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 5802 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5803 } 5804 5805 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5806 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5807 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5808 margin-right: 4rem; 5809 } 5810 5702 5811 .entry-content > .alignwide:not(.wp-block-group.has-background), 5703 5812 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5704 5813 margin-bottom: 8rem; … … a.to-the-top > * { 5877 5986 margin-top: 10rem; 5878 5987 } 5879 5988 5989 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5990 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5991 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5992 right: calc((100% - 58rem) / 2 + 58rem - 2rem); 5993 } 5994 5995 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 5996 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 5997 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 5998 left: calc((100% - 58rem) / 2 + 58rem + 6rem); 5999 } 6000 5880 6001 /* Comments ------------------------------ */ 5881 6002 5882 6003 .comment-reply-title { … … a.to-the-top > * { 5948 6069 5949 6070 } 5950 6071 6072 @media ( min-width: 1240px ) { 6073 6074 6075 /* Blocks -------------------------------- */ 6076 6077 body.template-full-width .entry-content > .alignleft { 6078 margin-left: calc(( 100vw - 120rem ) / 2); 6079 } 6080 6081 body.template-full-width .entry-content > .alignright { 6082 margin-right: calc(( 100vw - 120rem ) / 2); 6083 } 6084 6085 } 6086 5951 6087 @media ( min-width: 1280px ) { 5952 6088 5953 6089 /* Blocks -------------------------------- */ … … a.to-the-top > * { 5976 6112 .entry-content > .alignleft, 5977 6113 .entry-content > p .alignleft, 5978 6114 .entry-content > .wp-block-image .alignleft { 6115 right: calc((100vw - 58rem) / 2 + 58rem + 4rem); 5979 6116 margin-left: -31rem; 5980 6117 } 5981 6118 5982 6119 .entry-content > .alignright, 5983 6120 .entry-content > p .alignright, 5984 6121 .entry-content > .wp-block-image .alignright { 6122 left: calc((100vw - 58rem) / 2 + 58rem + 4rem); 5985 6123 margin-right: -31rem; 5986 6124 } 5987 6125 … … a.to-the-top > * { 5995 6133 width: 100%; 5996 6134 } 5997 6135 6136 .alignleft, 6137 .alignright, 6138 .entry-content > .alignleft, 6139 .entry-content > p .alignleft, 6140 .entry-content > .wp-block-image .alignleft, 6141 .entry-content > .alignright, 6142 .entry-content > p .alignright, 6143 .entry-content > .wp-block-image .alignright, 6144 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6145 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6146 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6147 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6148 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6149 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6150 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6151 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6152 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6153 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6154 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6155 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6156 max-width: 25rem; 6157 } 6158 6159 /* Template: Full Width ------------------ */ 6160 6161 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 6162 padding-right: 0; 6163 padding-left: 0; 6164 } 6165 6166 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6167 margin-left: 0; 6168 } 6169 6170 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6171 margin-right: 0; 6172 } 6173 5998 6174 } 5999 6175 6000 6176 @media ( min-width: 1330px ) { 6001 6177 6002 6178 6179 /* Entry Content ------------------------- */ 6180 6181 /* ALIGNMENT CLASSES */ 6182 6183 .alignleft, 6184 .alignright, 6185 .entry-content > .alignleft, 6186 .entry-content > p .alignleft, 6187 .entry-content > .wp-block-image .alignleft, 6188 .entry-content > .alignright, 6189 .entry-content > p .alignright, 6190 .entry-content > .wp-block-image .alignright, 6191 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6192 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6193 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6194 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6195 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6196 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6197 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6198 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6199 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6200 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6201 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6202 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6203 max-width: 29rem; 6204 } 6205 6003 6206 /* Blocks -------------------------------- */ 6004 6207 6005 6208 /* BLOCK: PULLQUOTE */ -
src/wp-content/themes/twentytwenty/style.css
diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css index 2fdbb2fa25..db208bc33f 100644
a b button.toggle { 1208 1208 } 1209 1209 } 1210 1210 1211 .wp-block-image.is-resized { 1212 margin-left: auto; 1213 margin-right: auto; 1214 } 1211 1215 1212 1216 /* Search Form ------------------------------- */ 1213 1217 … … body.template-cover .entry-header { 2252 2256 /* 7c. Template: Full Width 2253 2257 /* -------------------------------------------------------------------------- */ 2254 2258 2255 body.template-full-width .entry-content { 2256 max-width: none; 2259 2260 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), 2261 body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 2262 max-width: 120rem; 2263 } 2264 2265 body.template-full-width .entry-content .alignleft, 2266 body.template-full-width .entry-content .alignright { 2267 position: static; 2257 2268 } 2258 2269 2259 body.template-full-width .entry-content .alignleft { 2270 body.template-full-width .entry-content .alignleft, 2271 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 2272 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 2273 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { 2260 2274 2261 2275 /*rtl:ignore*/ 2262 2276 margin-left: 0; 2277 position: static; 2263 2278 } 2264 2279 2265 body.template-full-width .entry-content .alignright { 2280 body.template-full-width .entry-content > .alignleft, 2281 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 2282 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 2283 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 2284 2285 /*rtl:ignore*/ 2286 margin-left: 2rem; 2287 position: static; 2288 } 2289 2290 body.template-full-width .entry-content .alignright, 2291 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 2292 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 2293 body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { 2266 2294 2267 2295 /*rtl:ignore*/ 2268 2296 margin-right: 0; 2297 position: static; 2298 } 2299 2300 body.template-full-width .entry-content > .alignright, 2301 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 2302 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 2303 body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 2304 2305 /*rtl:ignore*/ 2306 margin-right: 2rem; 2307 position: static; 2269 2308 } 2270 2309 2310 2271 2311 /* -------------------------------------------------------------------------- */ 2272 2312 2273 2313 /* 8. Post: Archive … … figure.wp-block-gallery.alignfull { 3116 3156 3117 3157 .wp-block-pullquote.alignleft, 3118 3158 .wp-block-pullquote.alignright { 3119 max-width: 100%;3159 max-width: calc(100% - 4rem); 3120 3160 } 3121 3161 3122 3162 .wp-block-pullquote::before { … … figure.wp-block-table.is-style-stripes { 3360 3400 3361 3401 /* Block: Widget Latest Posts ---------------- */ 3362 3402 3363 .wp-block-latest-posts.is-grid,3364 .wp-block-latest-posts.has-dates,3365 .wp-block-latest-posts.has-dates li {3366 margin-left: 0;3367 }3368 3369 3403 .wp-block-latest-posts.is-grid li { 3370 3404 border-top: 0.2rem solid #dcd7ca; 3371 3405 margin-top: 2rem; … … figure.wp-block-table.is-style-stripes { 3409 3443 margin-bottom: 0; 3410 3444 } 3411 3445 3446 .read-more-button-wrap { 3447 margin-top: 1em; 3448 text-align: center; 3449 } 3450 3412 3451 .entry-content a:hover, 3413 3452 .entry-content a:focus { 3414 3453 text-decoration: none; … … figure.wp-block-table.is-style-stripes { 3489 3528 margin-left: auto; 3490 3529 } 3491 3530 3492 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {3531 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3493 3532 margin-left: auto; 3494 3533 margin-right: auto; 3495 3534 } … … figure.wp-block-table.is-style-stripes { 3551 3590 margin: 0.3rem 2rem 2rem 2rem; 3552 3591 } 3553 3592 3593 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 3594 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 3595 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 3596 3597 /*rtl:ignore*/ 3598 margin-left: 2rem; 3599 } 3600 3601 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 3602 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 3603 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 3604 3605 /*rtl:ignore*/ 3606 margin-right: 2rem; 3607 } 3608 3554 3609 /* Entry Media ------------------------------- */ 3555 3610 3556 3611 .alignfull > figcaption, … … div.comment:first-of-type { 3672 3727 3673 3728 /* COMMENT CONTENT */ 3674 3729 3730 .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 3731 width: 100%; 3732 } 3733 3675 3734 .comment-content.entry-content .alignleft { 3735 3736 /*rtl:ignore*/ 3676 3737 margin-left: 0; 3677 3738 } 3678 3739 3679 3740 .comment-content.entry-content .alignright { 3680 margin-right: 0;3681 }3682 3741 3683 .comment-content.entry-content > .alignwide, 3684 .comment-content.entry-content > .alignfull { 3685 left: auto; 3686 max-width: 100%; 3687 width: auto; 3742 /*rtl:ignore*/ 3743 margin-right: 0; 3688 3744 } 3689 3745 3690 3746 /* COMMENT FOOTER */ … … a.to-the-top > * { 4386 4442 .wp-block-pullquote.alignleft, 4387 4443 .wp-block-pullquote.alignright { 4388 4444 float: none; 4389 margin: 3rem 0;4390 }4391 4392 .wp-block-pullquote.alignleft:first-child,4393 .wp-block-pullquote.alignright:first-child {4394 margin-top: 0;4395 }4396 4397 .wp-block-pullquote.alignleft:last-child,4398 .wp-block-pullquote.alignright:last-child {4399 margin-bottom: 0;4400 4445 } 4401 4446 4402 4447 /* Entry Content ------------------------- */ … … a.to-the-top > * { 4508 4553 4509 4554 /* ALIGNMENT CLASSES */ 4510 4555 4511 .entry-content > .alignleft, 4556 .entry-content > .alignleft { 4557 4558 /*rtl:ignore*/ 4559 margin-left: 4rem; 4560 } 4561 4512 4562 .entry-content > p .alignleft, 4513 .entry-content > .wp-block-image .alignleft, 4514 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, 4515 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, 4516 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, 4517 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft:not(.wp-block-pullquote), 4518 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4519 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4563 .entry-content > .wp-block-image .alignleft { 4520 4564 4521 4565 /*rtl:ignore*/ 4522 4566 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); … … a.to-the-top > * { 4530 4574 margin-left: 0; 4531 4575 } 4532 4576 4533 .entry-content > .alignright, 4577 .entry-content > .alignright { 4578 4579 /*rtl:ignore*/ 4580 margin-right: 4rem; 4581 } 4582 4534 4583 .entry-content > p .alignright, 4535 .entry-content > .wp-block-image .alignright, 4536 [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, 4537 [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, 4538 [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, 4539 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright:not(.wp-block-pullquote), 4540 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4541 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4584 .entry-content > .wp-block-image .alignright { 4542 4585 4543 4586 /*rtl:ignore*/ 4544 4587 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); … … a.to-the-top > * { 4838 4881 width: 2.12rem; 4839 4882 } 4840 4883 4884 /* Template: Full Width ------------------ */ 4885 4886 body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { 4887 width: calc(100% - 8rem); 4888 } 4889 4890 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 4891 padding-left: 4rem; 4892 padding-right: 4rem; 4893 } 4894 4895 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 4896 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 4897 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 4898 4899 /*rtl:ignore*/ 4900 margin-left: 4rem; 4901 } 4902 4903 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 4904 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 4905 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 4906 4907 /*rtl:ignore*/ 4908 margin-right: 4rem; 4909 } 4910 4841 4911 /* Post: Archive ------------------------- */ 4842 4912 4843 4913 .archive-header { … … a.to-the-top > * { 5066 5136 margin-bottom: 0; 5067 5137 } 5068 5138 5139 .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 5140 padding-left: 0; 5141 padding-right: 0; 5142 } 5143 5069 5144 /* BLOCK: MEDIA AND TEXT */ 5070 5145 5071 5146 .wp-block-media-text .wp-block-media-text__content { … … a.to-the-top > * { 5188 5263 width: calc(100vw - 8rem); 5189 5264 } 5190 5265 5266 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, 5267 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, 5268 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { 5269 5270 /*rtl:ignore*/ 5271 margin-left: 4rem; 5272 } 5273 5274 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, 5275 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, 5276 [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { 5277 5278 /*rtl:ignore*/ 5279 margin-right: 4rem; 5280 } 5281 5191 5282 /* ENTRY MEDIA */ 5192 5283 5193 5284 .alignfull > figcaption, … … a.to-the-top > * { 5636 5727 width: 100%; 5637 5728 } 5638 5729 5639 /* Template: [Template Name] ------------- */ 5730 /* Template: Full Width ------------------ */ 5731 5732 .template-full-width .wp-block-image .alignleft { 5733 5734 /*rtl:ignore*/ 5735 margin-right: 2rem; 5736 } 5737 5738 .template-full-width .wp-block-image .alignright { 5739 5740 /*rtl:ignore*/ 5741 margin-left: 2rem; 5742 } 5640 5743 5641 5744 /* Post: Archive ------------------------- */ 5642 5745 … … a.to-the-top > * { 5672 5775 margin-top: 0; 5673 5776 } 5674 5777 5778 /* BLOCK: IMAGE */ 5779 5780 .wp-block-image .alignleft { 5781 5782 /*rtl:ignore*/ 5783 margin-right: 0; 5784 } 5785 5786 .wp-block-image .alignright { 5787 5788 /*rtl:ignore*/ 5789 margin-left: 0; 5790 } 5791 5675 5792 /* BLOCK: SEPARATOR */ 5676 5793 5677 5794 hr.wp-block-separator { … … a.to-the-top > * { 5686 5803 .entry-content > p .alignleft, 5687 5804 .entry-content > .wp-block-image .alignleft { 5688 5805 position: absolute; 5689 right: calc((100vw - 58rem) / 2 + 58rem); 5690 max-width: calc((100% - 58rem) / 2 - 4rem); 5806 5807 /*rtl:ignore*/ 5808 right: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5809 max-width: calc((100% - 58rem) / 2 - 6rem); 5691 5810 } 5692 5811 5693 5812 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, 5694 5813 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, 5695 5814 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { 5696 5815 position: relative; 5816 5817 /*rtl:ignore*/ 5697 5818 right: inherit; 5698 5819 max-width: inherit; 5699 5820 } … … a.to-the-top > * { 5705 5826 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5706 5827 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5707 5828 position: absolute; 5708 right: calc((100% - 58rem) / 2 + 58rem); 5829 5830 /*rtl:ignore*/ 5831 right: calc((100% - 58rem) / 2 + 58rem + 4rem); 5709 5832 max-width: calc((100% - 58rem) / 2 - 4rem); 5710 5833 } 5711 5834 5835 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 5836 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 5837 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 5838 5839 /*rtl:ignore*/ 5840 right: calc((100% - 58rem) / 2 + 58rem); 5841 } 5842 5843 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 5844 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 5845 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 5846 5847 /*rtl:ignore*/ 5848 margin-left: 4rem; 5849 } 5850 5712 5851 .entry-content > .alignright, 5713 5852 .entry-content > p .alignright, 5714 5853 .entry-content > .wp-block-image .alignright, 5715 5854 [class*="__inner-container"] > .alignright { 5716 5855 position: absolute; 5717 left: calc((100vw - 58rem) / 2 + 58rem); 5718 max-width: calc((100% - 58rem) / 2 - 4rem); 5856 5857 /*rtl:ignore*/ 5858 left: calc((100vw - 58rem) / 2 + 58rem + 2rem); 5859 max-width: calc((100% - 58rem) / 2 - 6rem); 5719 5860 } 5720 5861 5721 5862 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, 5722 5863 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, 5723 5864 [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { 5724 5865 position: relative; 5866 5867 /*rtl:ignore*/ 5725 5868 left: inherit; 5726 5869 max-width: inherit; 5727 5870 } … … a.to-the-top > * { 5733 5876 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5734 5877 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5735 5878 position: absolute; 5736 left: calc((100% - 58rem) / 2 + 58rem); 5879 5880 /*rtl:ignore*/ 5881 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5737 5882 max-width: calc((100% - 58rem) / 2 - 4rem); 5738 5883 } 5739 5884 5885 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 5886 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 5887 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 5888 5889 /*rtl:ignore*/ 5890 left: calc((100% - 58rem) / 2 + 58rem + 4rem); 5891 } 5892 5893 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 5894 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 5895 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 5896 5897 /*rtl:ignore*/ 5898 margin-right: 4rem; 5899 } 5900 5740 5901 .entry-content > .alignwide:not(.wp-block-group.has-background), 5741 5902 .entry-content > .alignfull:not(.wp-block-group.has-background) { 5742 5903 margin-bottom: 8rem; … … a.to-the-top > * { 5915 6076 margin-top: 10rem; 5916 6077 } 5917 6078 6079 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, 6080 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, 6081 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { 6082 6083 /*rtl:ignore*/ 6084 right: calc((100% - 58rem) / 2 + 58rem - 2rem); 6085 } 6086 6087 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, 6088 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, 6089 [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { 6090 6091 /*rtl:ignore*/ 6092 left: calc((100% - 58rem) / 2 + 58rem + 6rem); 6093 } 6094 5918 6095 /* Comments ------------------------------ */ 5919 6096 5920 6097 .comment-reply-title { … … a.to-the-top > * { 5986 6163 5987 6164 } 5988 6165 6166 @media ( min-width: 1240px ) { 6167 6168 6169 /* Blocks -------------------------------- */ 6170 6171 body.template-full-width .entry-content > .alignleft { 6172 6173 /*rtl:ignore*/ 6174 margin-left: calc(( 100vw - 120rem ) / 2); 6175 } 6176 6177 body.template-full-width .entry-content > .alignright { 6178 6179 /*rtl:ignore*/ 6180 margin-right: calc(( 100vw - 120rem ) / 2); 6181 } 6182 6183 } 6184 5989 6185 @media ( min-width: 1280px ) { 5990 6186 5991 6187 /* Blocks -------------------------------- */ … … a.to-the-top > * { 6019 6215 .entry-content > p .alignleft, 6020 6216 .entry-content > .wp-block-image .alignleft { 6021 6217 6218 /*rtl:ignore*/ 6219 right: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6220 6022 6221 /*rtl:ignore*/ 6023 6222 margin-left: -31rem; 6024 6223 } … … a.to-the-top > * { 6027 6226 .entry-content > p .alignright, 6028 6227 .entry-content > .wp-block-image .alignright { 6029 6228 6229 /*rtl:ignore*/ 6230 left: calc((100vw - 58rem) / 2 + 58rem + 4rem); 6231 6030 6232 /*rtl:ignore*/ 6031 6233 margin-right: -31rem; 6032 6234 } … … a.to-the-top > * { 6041 6243 width: 100%; 6042 6244 } 6043 6245 6246 .alignleft, 6247 .alignright, 6248 .entry-content > .alignleft, 6249 .entry-content > p .alignleft, 6250 .entry-content > .wp-block-image .alignleft, 6251 .entry-content > .alignright, 6252 .entry-content > p .alignright, 6253 .entry-content > .wp-block-image .alignright, 6254 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6255 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6256 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6257 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6258 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6259 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6260 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6261 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6262 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6263 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6264 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6265 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6266 max-width: 25rem; 6267 } 6268 6269 /* Template: Full Width ------------------ */ 6270 6271 body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { 6272 padding-left: 0; 6273 padding-right: 0; 6274 } 6275 6276 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { 6277 6278 /*rtl:ignore*/ 6279 margin-left: 0; 6280 } 6281 6282 body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6283 6284 /*rtl:ignore*/ 6285 margin-right: 0; 6286 } 6287 6044 6288 } 6045 6289 6046 6290 @media ( min-width: 1330px ) { 6047 6291 6048 6292 6293 /* Entry Content ------------------------- */ 6294 6295 /* ALIGNMENT CLASSES */ 6296 6297 .alignleft, 6298 .alignright, 6299 .entry-content > .alignleft, 6300 .entry-content > p .alignleft, 6301 .entry-content > .wp-block-image .alignleft, 6302 .entry-content > .alignright, 6303 .entry-content > p .alignright, 6304 .entry-content > .wp-block-image .alignright, 6305 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, 6306 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, 6307 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, 6308 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, 6309 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, 6310 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, 6311 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, 6312 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, 6313 [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, 6314 [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, 6315 [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, 6316 [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { 6317 max-width: 29rem; 6318 } 6319 6049 6320 /* Blocks -------------------------------- */ 6050 6321 6051 6322 /* BLOCK: PULLQUOTE */ -
src/wp-content/themes/twentytwenty/template-parts/content-cover.php
diff --git a/src/wp-content/themes/twentytwenty/template-parts/content-cover.php b/src/wp-content/themes/twentytwenty/template-parts/content-cover.php index 2080c63439..f9b480f0e8 100644
a b 123 123 </div><!-- .cover-header-inner-wrapper --> 124 124 </div><!-- .cover-header --> 125 125 126 <div class="post-inner section-inner thin" id="post-inner">126 <div class="post-inner" id="post-inner"> 127 127 128 128 <div class="entry-content"> 129 129