Ticket #48557: 48557.2.diff
File 48557.2.diff, 42.3 KB (added by , 5 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 4a6768f83b..847ef0b8eb 100644
a b Inter variable font. Usage: 78 78 max-width: 610px; 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"] { 88 83 max-width: 1200px; … … Inter variable font. Usage: 106 101 } 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 } 119 110 … … Inter variable font. Usage: 179 170 background-color: #cd2653; 180 171 } 181 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; 195 } 196 182 197 /* GENERAL COLORS */ 183 198 184 199 .has-black-background-color { … … hr.wp-block-separator.is-style-dots::before { 678 693 .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container, 679 694 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 680 695 margin: 0 auto; 681 max-width: 1200px;682 696 width: calc(100% - 40px); 683 697 } 684 698 685 [data-align="left"] .wp-block-cover, 686 [data-align="left"] .wp-block-cover-image, 687 [data-align="right"] .wp-block-cover, 688 [data-align="right"] .wp-block-cover-image { 689 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%; 690 719 } 691 720 692 721 .wp-block-cover-image .wp-block-cover-image-text, … … hr.wp-block-separator.is-style-dots::before { 1052 1081 margin: 0; 1053 1082 } 1054 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 1055 1111 /* BLOCK: PULL QUOTE */ 1056 1112 1057 1113 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"], … … hr.wp-block-separator.is-style-dots::before { 1131 1187 font-size: 21px; 1132 1188 } 1133 1189 1134 .wp-block[data-align="wide"],1135 .wp-block[data-align="full"] {1136 margin-bottom: 60px;1137 margin-top: 60px;1138 }1139 1140 1190 /* TYPOGRAPHY */ 1141 1191 1142 1192 .editor-post-title__block .editor-post-title__input, … … hr.wp-block-separator.is-style-dots::before { 1208 1258 1209 1259 /* BLOCK: GROUP */ 1210 1260 1211 .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 { 1212 1264 padding: 40px; 1213 1265 } 1214 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; 1270 } 1271 1215 1272 /* BLOCK: LATEST POSTS */ 1216 1273 1217 1274 /* BLOCK: PULLQUOTE */ … … hr.wp-block-separator.is-style-dots::before { 1283 1340 @media ( min-width: 1000px ) { 1284 1341 1285 1342 1286 /* STRUCTURE */1287 1288 .wp-block[data-align="wide"],1289 .wp-block[data-align="full"] {1290 margin-bottom: 80px;1291 margin-top: 80px;1292 }1293 1294 1343 /* BLOCK: COLUMNS */ 1295 1344 1296 1345 .wp-block-column { 1297 1346 font-size: 18px; 1298 1347 } 1299 1348 1300 /* BLOCK: GROUP */1301 1302 .wp-block[data-align="wide"] .wp-block-group.has-background,1303 .wp-block[data-align="full"] .wp-block-group.has-background {1304 padding: 80px 40px;1305 }1306 1307 1349 /* BLOCK: SEPARATOR */ 1308 1350 1309 1351 hr.wp-block-separator { … … hr.wp-block-separator.is-style-dots::before { 1334 1376 font-size: 18px; 1335 1377 } 1336 1378 1337 /* STRUCTURE */1338 1339 .wp-block[data-align="wide"],1340 .wp-block[data-align="full"] {1341 margin-bottom: 80px;1342 margin-top: 80px;1343 }1344 1345 1379 /* BLOCK: PULLQUOTE */ 1346 1380 1347 1381 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color, -
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 609f642084..6475267258 100644
a b Inter variable font. Usage: 78 78 max-width: 610px; 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"] { 88 83 max-width: 1200px; … … Inter variable font. Usage: 106 101 } 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 } 119 110 … … Inter variable font. Usage: 179 170 background-color: #cd2653; 180 171 } 181 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; 195 } 196 182 197 /* GENERAL COLORS */ 183 198 184 199 .has-black-background-color { … … hr.wp-block-separator.is-style-dots::before { 678 693 .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container, 679 694 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 680 695 margin: 0 auto; 681 max-width: 1200px;682 696 width: calc(100% - 40px); 683 697 } 684 698 685 [data-align="left"] .wp-block-cover, 686 [data-align="left"] .wp-block-cover-image, 687 [data-align="right"] .wp-block-cover, 688 [data-align="right"] .wp-block-cover-image { 689 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%; 690 719 } 691 720 692 721 .wp-block-cover-image .wp-block-cover-image-text, … … hr.wp-block-separator.is-style-dots::before { 1052 1081 margin: 0; 1053 1082 } 1054 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 1055 1111 /* BLOCK: PULL QUOTE */ 1056 1112 1057 1113 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"], … … hr.wp-block-separator.is-style-dots::before { 1131 1187 font-size: 21px; 1132 1188 } 1133 1189 1134 .wp-block[data-align="wide"],1135 .wp-block[data-align="full"] {1136 margin-bottom: 60px;1137 margin-top: 60px;1138 }1139 1140 1190 /* TYPOGRAPHY */ 1141 1191 1142 1192 .editor-post-title__block .editor-post-title__input, … … hr.wp-block-separator.is-style-dots::before { 1208 1258 1209 1259 /* BLOCK: GROUP */ 1210 1260 1211 .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 { 1212 1264 padding: 40px; 1213 1265 } 1214 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; 1270 } 1271 1215 1272 /* BLOCK: LATEST POSTS */ 1216 1273 1217 1274 /* BLOCK: PULLQUOTE */ … … hr.wp-block-separator.is-style-dots::before { 1283 1340 @media ( min-width: 1000px ) { 1284 1341 1285 1342 1286 /* STRUCTURE */1287 1288 .wp-block[data-align="wide"],1289 .wp-block[data-align="full"] {1290 margin-bottom: 80px;1291 margin-top: 80px;1292 }1293 1294 1343 /* BLOCK: COLUMNS */ 1295 1344 1296 1345 .wp-block-column { 1297 1346 font-size: 18px; 1298 1347 } 1299 1348 1300 /* BLOCK: GROUP */1301 1302 .wp-block[data-align="wide"] .wp-block-group.has-background,1303 .wp-block[data-align="full"] .wp-block-group.has-background {1304 padding: 80px 40px;1305 }1306 1307 1349 /* BLOCK: SEPARATOR */ 1308 1350 1309 1351 hr.wp-block-separator { … … hr.wp-block-separator.is-style-dots::before { 1334 1376 font-size: 18px; 1335 1377 } 1336 1378 1337 /* STRUCTURE */1338 1339 .wp-block[data-align="wide"],1340 .wp-block[data-align="full"] {1341 margin-bottom: 80px;1342 margin-top: 80px;1343 }1344 1345 1379 /* BLOCK: PULLQUOTE */ 1346 1380 1347 1381 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color, -
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 a4dc8c9e65..6e521a6523 100644
a b h2.entry-title { 2372 2372 2373 2373 .post-meta-wrapper { 2374 2374 margin-top: 2rem; 2375 margin-left: auto; 2376 margin-right: auto; 2377 max-width: 58rem; 2378 width: calc(100% - 4rem); 2375 2379 } 2376 2380 2377 2381 .post-meta { … … h2.entry-title { 2532 2536 2533 2537 .author-bio { 2534 2538 margin-top: 4rem; 2539 margin-left: auto; 2540 margin-right: auto; 2541 max-width: 58rem; 2542 width: calc(100% - 4rem); 2535 2543 } 2536 2544 2537 2545 .hide-avatars .author-bio { … … h2.entry-title { 2772 2780 margin-bottom: 0; 2773 2781 } 2774 2782 2775 .wp-block-archives ,2776 .wp-block-categories ,2783 .wp-block-archives:not(.alignwide):not(.alignfull), 2784 .wp-block-categories:not(.alignwide):not(.alignfull), 2777 2785 .wp-block-code, 2778 .wp-block-columns, 2779 .wp-block-cover, 2780 .wp-block-embed, 2781 .wp-block-gallery, 2782 .wp-block-group, 2783 .wp-block-latest-comments, 2784 .wp-block-latest-posts, 2785 .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), 2786 2795 .wp-block-preformatted, 2787 .wp-block-pullquote ,2796 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2788 2797 .wp-block-quote, 2789 2798 .wp-block-quote.is-large, 2790 2799 .wp-block-quote.is-style-large, 2791 2800 .wp-block-verse, 2792 .wp-block-video {2801 .wp-block-video:not(.alignwide):not(.alignfull) { 2793 2802 margin-bottom: 3rem; 2794 2803 margin-top: 3rem; 2795 2804 } … … h2.entry-title { 3006 3015 3007 3016 /* Block: Gallery ---------------------------- */ 3008 3017 3009 ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {3010 margin-right: 0;3011 }3012 3013 3018 .wp-block-gallery ul { 3014 3019 list-style: none; 3015 3020 margin: 0 0 -1.6rem 0; … … hr.wp-block-separator { 3207 3212 .wp-block-separator.is-style-wide { 3208 3213 max-width: calc(100vw - 4rem); 3209 3214 position: relative; 3210 right: calc(50% - 50vw + 2rem); 3211 width: calc(100vw - 4rem); 3215 width: 100%; 3212 3216 } 3213 3217 3214 3218 /* STYLE: DOTS */ … … figure.wp-block-table.is-style-stripes { 3274 3278 .wp-block-quote.is-style-large { 3275 3279 border: none; 3276 3280 padding: 0; 3281 margin-right: auto; 3282 margin-left: auto; 3277 3283 } 3278 3284 3279 3285 .wp-block-quote.is-large p, … … figure.wp-block-table.is-style-stripes { 3296 3302 3297 3303 /* Block: Widget Latest Comments ------------- */ 3298 3304 3299 .entry-content .wp-block-latest-comments,3300 3305 .entry-content .wp-block-latest-comments li { 3301 margin -right:0;3306 margin: 2rem 0; 3302 3307 } 3303 3308 3304 3309 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, … … figure.wp-block-table.is-style-stripes { 3363 3368 3364 3369 .entry-content { 3365 3370 line-height: 1.5; 3366 max-width: 58rem; 3371 } 3372 3373 .entry-content > * { 3374 margin-right: auto; 3375 margin-left: auto; 3376 margin-bottom: 1.25em; 3367 3377 } 3368 3378 3369 3379 .entry-content > *:first-child { … … figure.wp-block-table.is-style-stripes { 3390 3400 .entry-content h4, 3391 3401 .entry-content h5, 3392 3402 .entry-content h6 { 3393 margin: 3.5rem 02rem;3403 margin: 3.5rem auto 2rem; 3394 3404 } 3395 3405 3396 3406 .entry-content ul ul, … … figure.wp-block-table.is-style-stripes { 3401 3411 } 3402 3412 3403 3413 .entry-content hr { 3404 margin: 4rem 0;3414 margin: 4rem auto; 3405 3415 } 3406 3416 3407 3417 /* Font Families ----------------------------- */ … … figure.wp-block-table.is-style-stripes { 3433 3443 3434 3444 /* Alignment Classes ------------------------- */ 3435 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 3436 3456 .alignnone, 3437 3457 .aligncenter, 3438 3458 .alignleft, 3439 .alignright { 3440 margin: 3rem 0; 3441 max-width: 100%; 3459 .alignright, 3460 .alignwide { 3461 margin-top: 4rem; 3462 margin-left: auto; 3463 margin-bottom: 4rem; 3464 margin-right: auto; 3442 3465 } 3443 3466 3444 .aligncenter, 3445 .aligncenter img { 3467 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) { 3446 3468 margin-right: auto; 3447 3469 margin-left: auto; 3448 3470 } 3449 3471 3450 .alignleft, 3451 .alignright { 3452 max-width: 50%; 3453 } 3472 /* Full */ 3454 3473 3455 .alignleft { 3456 float: left; 3457 margin: 0.3rem 0 2rem 2rem; 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%; 3458 3482 } 3459 3483 3460 .alignright { 3461 float: right; 3462 margin: 0.3rem 2rem 2rem 0; 3484 [class*="__inner-container"] > .alignfull { 3485 max-width: 100%; 3463 3486 } 3464 3487 3488 /* Wide */ 3489 3465 3490 .alignwide { 3466 margin: 4rem auto;3467 3491 max-width: 120rem; 3492 position: relative; 3493 width: calc(100% - 4rem); 3468 3494 } 3469 3495 3470 .entry-content > .alignwide { 3471 max-width: calc(100vw - 4rem); 3472 position: relative; 3473 right: calc(50% - 50vw + 2rem); 3474 width: calc(100vw - 4rem); 3496 [class*="__inner-container"] > .alignwide { 3497 width: 100%; 3475 3498 } 3476 3499 3477 .alignfull { 3478 margin: 5rem 0; 3500 /* Center */ 3501 3502 .aligncenter, 3503 .aligncenter img { 3504 margin-right: auto; 3505 margin-left: auto; 3479 3506 } 3480 3507 3481 .entry-content > .alignfull { 3482 max-width: 100vw; 3483 position: relative; 3484 right: calc(50% - 50vw); 3485 width: 100vw;3508 /* Left and right */ 3509 3510 .alignleft, 3511 .alignright { 3512 max-width: 50%; 3486 3513 } 3487 3514 3515 .alignleft { 3516 float: left; 3517 margin: 0.3rem 2rem 2rem 2rem; 3518 } 3519 3520 .alignright { 3521 float: right; 3522 margin: 0.3rem 2rem 2rem 2rem; 3523 } 3488 3524 3489 3525 /* Entry Media ------------------------------- */ 3490 3526 … … figure.wp-block-table.is-style-stripes { 3492 3528 .alignfull > .wp-caption-text { 3493 3529 margin-right: auto; 3494 3530 margin-left: auto; 3495 max-width: 120rem;3531 max-width: 58rem; 3496 3532 width: calc(100% - 4rem); 3497 3533 } 3498 3534 … … a.to-the-top > * { 4441 4477 4442 4478 .entry-content > .alignleft, 4443 4479 .entry-content > p .alignleft, 4444 .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 { 4445 4487 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4446 4488 } 4447 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; 4494 } 4495 4448 4496 .entry-content > .alignright, 4449 4497 .entry-content > p .alignright, 4450 .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 { 4451 4505 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4452 4506 } 4453 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; 4512 } 4513 4454 4514 } 4455 4515 4456 4516 @media ( min-width: 700px ) { … … a.to-the-top > * { 4467 4527 } 4468 4528 4469 4529 hr { 4470 margin: 8rem 0;4530 margin: 8rem auto; 4471 4531 } 4472 4532 4473 4533 table { … … a.to-the-top > * { 4516 4576 .heading-size-2, 4517 4577 h3, 4518 4578 .heading-size-3 { 4519 margin: 6rem 03rem;4579 margin: 6rem auto 3rem; 4520 4580 } 4521 4581 4522 4582 h4, … … a.to-the-top > * { 4525 4585 .heading-size-5, 4526 4586 h6, 4527 4587 .heading-size-6 { 4528 margin: 4.5rem 02.5rem;4588 margin: 4.5rem auto 2.5rem; 4529 4589 } 4530 4590 4531 4591 h1, … … a.to-the-top > * { 4892 4952 4893 4953 /* BLOCK: BASE MARGINS */ 4894 4954 4895 .wp-block-archives ,4896 .wp-block-categories ,4955 .wp-block-archives:not(.alignwide):not(.alignfull), 4956 .wp-block-categories:not(.alignwide):not(.alignfull), 4897 4957 .wp-block-code, 4898 .wp-block-columns, 4899 .wp-block-cover, 4900 .wp-block-embed, 4901 .wp-block-gallery, 4902 .wp-block-group, 4903 .wp-block-latest-comments, 4904 .wp-block-latest-posts, 4905 .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), 4906 4967 .wp-block-preformatted, 4907 .wp-block-pullquote ,4968 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 4908 4969 .wp-block-quote, 4909 4970 .wp-block-quote.is-large, 4910 4971 .wp-block-quote.is-style-large, 4911 4972 .wp-block-verse, 4912 .wp-block-video {4913 margin-bottom: 5rem;4914 margin-top: 5rem;4973 .wp-block-video:not(.alignwide):not(.alignfull) { 4974 margin-bottom: 4rem; 4975 margin-top: 4rem; 4915 4976 } 4916 4977 4917 4978 /* BLOCK: COLUMNS */ … … a.to-the-top > * { 5025 5086 /* BLOCK: SEPARATOR */ 5026 5087 5027 5088 hr.wp-block-separator { 5028 margin: 6rem 0;5089 margin: 6rem auto; 5029 5090 } 5030 5091 5031 5092 .wp-block-separator.is-style-wide { 5032 5093 max-width: calc(100vw - 8rem); 5033 right: calc(50% - 50vw + 4rem);5034 width: calc(100vw - 8rem);5035 5094 } 5036 5095 5037 5096 /* Entry Content ------------------------- */ … … a.to-the-top > * { 5048 5107 .entry-content h1, 5049 5108 .entry-content h2, 5050 5109 .entry-content h3 { 5051 margin: 6rem 03rem;5110 margin: 6rem auto 3rem; 5052 5111 } 5053 5112 5054 5113 .entry-content h4, 5055 5114 .entry-content h5, 5056 5115 .entry-content h6 { 5057 margin: 4.5rem 02.5rem;5116 margin: 4.5rem auto 2.5rem; 5058 5117 } 5059 5118 5060 /* ALIGNMENT CLASSES */5061 5062 5119 .alignnone, 5063 5120 .aligncenter { 5064 5121 margin-bottom: 4rem; … … a.to-the-top > * { 5073 5130 margin: 0.3rem 0 2rem 2rem; 5074 5131 } 5075 5132 5076 . alignwide,5077 . alignfull {5133 .entry-content > .alignwide, 5134 .entry-content > .alignfull { 5078 5135 margin-bottom: 6rem; 5079 5136 margin-top: 6rem; 5080 5137 } 5081 5138 5082 5139 .entry-content > .alignwide { 5083 5140 max-width: calc(100vw - 8rem); 5084 right: calc(50% - 50vw + 4rem);5085 5141 width: calc(100vw - 8rem); 5086 5142 } 5087 5143 … … a.to-the-top > * { 5562 5618 5563 5619 /* BLOCK: GROUP */ 5564 5620 5565 . wp-block-group.alignwide.has-background,5566 . wp-block-group.alignfull.has-background {5621 .entry-content > .wp-block-group.alignwide.has-background, 5622 .entry-content > .wp-block-group.alignfull.has-background { 5567 5623 padding: 8rem 4rem; 5568 5624 } 5569 5625 5570 5626 /* BLOCK: SEPARATOR */ 5571 5627 5572 5628 hr.wp-block-separator { 5573 margin: 8rem 0;5629 margin: 8rem auto; 5574 5630 } 5575 5631 5576 5632 /* Entry Content ------------------------- */ 5577 5633 5578 5634 /* ALIGNMENT CLASSES */ 5579 5635 5580 .alignwide, 5581 .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 { 5582 5693 margin-bottom: 8rem; 5583 5694 margin-top: 8rem; 5584 5695 } … … a.to-the-top > * { 5727 5838 5728 5839 /* BLOCK: GROUP */ 5729 5840 5730 . wp-block-group.alignwide.has-background,5731 . wp-block-group.alignfull.has-background {5841 .entry-content > .wp-block-group.alignwide.has-background, 5842 .entry-content > .wp-block-group.alignfull.has-background { 5732 5843 padding: 8rem 6rem; 5733 5844 } 5734 5845 … … a.to-the-top > * { 5748 5859 5749 5860 /* ALIGNMENT CLASSES */ 5750 5861 5751 . alignfull {5862 .entry-content > .alignfull { 5752 5863 margin-bottom: 10rem; 5753 5864 margin-top: 10rem; 5754 5865 } … … a.to-the-top > * { 5842 5953 5843 5954 .wp-block-separator.is-style-wide { 5844 5955 max-width: 120rem; 5845 right: calc(50% - 60rem);5846 5956 width: 120rem; 5847 5957 } 5848 5958 … … a.to-the-top > * { 5864 5974 5865 5975 .entry-content > .alignwide { 5866 5976 max-width: 120rem; 5867 right: calc(50% - 60rem);5868 5977 width: 120rem; 5869 5978 } 5870 5979 5980 [class*="__inner-container"] > .alignwide { 5981 max-width: 120rem; 5982 width: 100%; 5983 } 5984 5871 5985 } 5872 5986 5873 5987 @media ( min-width: 1330px ) { -
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 350bf1a80a..4a0b22542e 100644
a b h2.entry-title { 2384 2384 2385 2385 .post-meta-wrapper { 2386 2386 margin-top: 2rem; 2387 margin-right: auto; 2388 margin-left: auto; 2389 max-width: 58rem; 2390 width: calc(100% - 4rem); 2387 2391 } 2388 2392 2389 2393 .post-meta { … … h2.entry-title { 2544 2548 2545 2549 .author-bio { 2546 2550 margin-top: 4rem; 2551 margin-right: auto; 2552 margin-left: auto; 2553 max-width: 58rem; 2554 width: calc(100% - 4rem); 2547 2555 } 2548 2556 2549 2557 .hide-avatars .author-bio { … … h2.entry-title { 2786 2794 margin-bottom: 0; 2787 2795 } 2788 2796 2789 .wp-block-archives ,2790 .wp-block-categories ,2797 .wp-block-archives:not(.alignwide):not(.alignfull), 2798 .wp-block-categories:not(.alignwide):not(.alignfull), 2791 2799 .wp-block-code, 2792 .wp-block-columns, 2793 .wp-block-cover, 2794 .wp-block-embed, 2795 .wp-block-gallery, 2796 .wp-block-group, 2797 .wp-block-latest-comments, 2798 .wp-block-latest-posts, 2799 .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), 2800 2809 .wp-block-preformatted, 2801 .wp-block-pullquote ,2810 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 2802 2811 .wp-block-quote, 2803 2812 .wp-block-quote.is-large, 2804 2813 .wp-block-quote.is-style-large, 2805 2814 .wp-block-verse, 2806 .wp-block-video {2815 .wp-block-video:not(.alignwide):not(.alignfull) { 2807 2816 margin-bottom: 3rem; 2808 2817 margin-top: 3rem; 2809 2818 } … … h2.entry-title { 3020 3029 3021 3030 /* Block: Gallery ---------------------------- */ 3022 3031 3023 ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {3024 margin-left: 0;3025 }3026 3027 3032 .wp-block-gallery ul { 3028 3033 list-style: none; 3029 3034 margin: 0 0 -1.6rem 0; … … hr.wp-block-separator { 3221 3226 .wp-block-separator.is-style-wide { 3222 3227 max-width: calc(100vw - 4rem); 3223 3228 position: relative; 3224 left: calc(50% - 50vw + 2rem); 3225 width: calc(100vw - 4rem); 3229 width: 100%; 3226 3230 } 3227 3231 3228 3232 /* STYLE: DOTS */ … … figure.wp-block-table.is-style-stripes { 3292 3296 .wp-block-quote.is-style-large { 3293 3297 border: none; 3294 3298 padding: 0; 3299 margin-left: auto; 3300 margin-right: auto; 3295 3301 } 3296 3302 3297 3303 .wp-block-quote.is-large p, … … figure.wp-block-table.is-style-stripes { 3314 3320 3315 3321 /* Block: Widget Latest Comments ------------- */ 3316 3322 3317 .entry-content .wp-block-latest-comments,3318 3323 .entry-content .wp-block-latest-comments li { 3319 margin -left:0;3324 margin: 2rem 0; 3320 3325 } 3321 3326 3322 3327 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, … … figure.wp-block-table.is-style-stripes { 3381 3386 3382 3387 .entry-content { 3383 3388 line-height: 1.5; 3384 max-width: 58rem; 3389 } 3390 3391 .entry-content > * { 3392 margin-left: auto; 3393 margin-right: auto; 3394 margin-bottom: 1.25em; 3385 3395 } 3386 3396 3387 3397 .entry-content > *:first-child { … … figure.wp-block-table.is-style-stripes { 3408 3418 .entry-content h4, 3409 3419 .entry-content h5, 3410 3420 .entry-content h6 { 3411 margin: 3.5rem 02rem;3421 margin: 3.5rem auto 2rem; 3412 3422 } 3413 3423 3414 3424 .entry-content ul ul, … … figure.wp-block-table.is-style-stripes { 3419 3429 } 3420 3430 3421 3431 .entry-content hr { 3422 margin: 4rem 0;3432 margin: 4rem auto; 3423 3433 } 3424 3434 3425 3435 /* Font Families ----------------------------- */ … … figure.wp-block-table.is-style-stripes { 3451 3461 3452 3462 /* Alignment Classes ------------------------- */ 3453 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 3454 3474 .alignnone, 3455 3475 .aligncenter, 3456 3476 .alignleft, 3457 .alignright { 3458 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 { 3459 3503 max-width: 100%; 3460 3504 } 3461 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 */ 3519 3462 3520 .aligncenter, 3463 3521 .aligncenter img { 3464 3522 margin-left: auto; 3465 3523 margin-right: auto; 3466 3524 } 3467 3525 3526 /* Left and right */ 3527 3468 3528 .alignleft, 3469 3529 .alignright { 3470 3530 max-width: 50%; … … figure.wp-block-table.is-style-stripes { 3474 3534 3475 3535 /*rtl:ignore*/ 3476 3536 float: left; 3477 margin: 0.3rem 2rem 2rem 0;3537 margin: 0.3rem 2rem 2rem 2rem; 3478 3538 } 3479 3539 3480 3540 .alignright { 3481 3541 3482 3542 /*rtl:ignore*/ 3483 3543 float: right; 3484 margin: 0.3rem 0 2rem 2rem; 3485 } 3486 3487 .alignwide { 3488 margin: 4rem auto; 3489 max-width: 120rem; 3490 } 3491 3492 .entry-content > .alignwide { 3493 max-width: calc(100vw - 4rem); 3494 position: relative; 3495 left: calc(50% - 50vw + 2rem); 3496 width: calc(100vw - 4rem); 3544 margin: 0.3rem 2rem 2rem 2rem; 3497 3545 } 3498 3546 3499 .alignfull {3500 margin: 5rem 0;3501 }3502 3503 .entry-content > .alignfull {3504 max-width: 100vw;3505 position: relative;3506 left: calc(50% - 50vw);3507 width: 100vw;3508 }3509 3510 3511 3547 /* Entry Media ------------------------------- */ 3512 3548 3513 3549 .alignfull > figcaption, 3514 3550 .alignfull > .wp-caption-text { 3515 3551 margin-left: auto; 3516 3552 margin-right: auto; 3517 max-width: 120rem;3553 max-width: 58rem; 3518 3554 width: calc(100% - 4rem); 3519 3555 } 3520 3556 … … a.to-the-top > * { 4467 4503 4468 4504 .entry-content > .alignleft, 4469 4505 .entry-content > p .alignleft, 4470 .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 { 4471 4513 4472 4514 /*rtl:ignore*/ 4473 4515 margin-left: calc(( 100vw - 58rem - 8rem ) / -2); 4474 4516 } 4475 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 4476 4526 .entry-content > .alignright, 4477 4527 .entry-content > p .alignright, 4478 .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 { 4479 4535 4480 4536 /*rtl:ignore*/ 4481 4537 margin-right: calc(( 100vw - 58rem - 8rem ) / -2); 4482 4538 } 4483 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; 4546 } 4547 4484 4548 } 4485 4549 4486 4550 @media ( min-width: 700px ) { … … a.to-the-top > * { 4497 4561 } 4498 4562 4499 4563 hr { 4500 margin: 8rem 0;4564 margin: 8rem auto; 4501 4565 } 4502 4566 4503 4567 table { … … a.to-the-top > * { 4546 4610 .heading-size-2, 4547 4611 h3, 4548 4612 .heading-size-3 { 4549 margin: 6rem 03rem;4613 margin: 6rem auto 3rem; 4550 4614 } 4551 4615 4552 4616 h4, … … a.to-the-top > * { 4555 4619 .heading-size-5, 4556 4620 h6, 4557 4621 .heading-size-6 { 4558 margin: 4.5rem 02.5rem;4622 margin: 4.5rem auto 2.5rem; 4559 4623 } 4560 4624 4561 4625 h1, … … a.to-the-top > * { 4922 4986 4923 4987 /* BLOCK: BASE MARGINS */ 4924 4988 4925 .wp-block-archives ,4926 .wp-block-categories ,4989 .wp-block-archives:not(.alignwide):not(.alignfull), 4990 .wp-block-categories:not(.alignwide):not(.alignfull), 4927 4991 .wp-block-code, 4928 .wp-block-columns, 4929 .wp-block-cover, 4930 .wp-block-embed, 4931 .wp-block-gallery, 4932 .wp-block-group, 4933 .wp-block-latest-comments, 4934 .wp-block-latest-posts, 4935 .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), 4936 5001 .wp-block-preformatted, 4937 .wp-block-pullquote ,5002 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), 4938 5003 .wp-block-quote, 4939 5004 .wp-block-quote.is-large, 4940 5005 .wp-block-quote.is-style-large, 4941 5006 .wp-block-verse, 4942 .wp-block-video {4943 margin-bottom: 5rem;4944 margin-top: 5rem;5007 .wp-block-video:not(.alignwide):not(.alignfull) { 5008 margin-bottom: 4rem; 5009 margin-top: 4rem; 4945 5010 } 4946 5011 4947 5012 /* BLOCK: COLUMNS */ … … a.to-the-top > * { 5055 5120 /* BLOCK: SEPARATOR */ 5056 5121 5057 5122 hr.wp-block-separator { 5058 margin: 6rem 0;5123 margin: 6rem auto; 5059 5124 } 5060 5125 5061 5126 .wp-block-separator.is-style-wide { 5062 5127 max-width: calc(100vw - 8rem); 5063 left: calc(50% - 50vw + 4rem);5064 width: calc(100vw - 8rem);5065 5128 } 5066 5129 5067 5130 /* Entry Content ------------------------- */ … … a.to-the-top > * { 5078 5141 .entry-content h1, 5079 5142 .entry-content h2, 5080 5143 .entry-content h3 { 5081 margin: 6rem 03rem;5144 margin: 6rem auto 3rem; 5082 5145 } 5083 5146 5084 5147 .entry-content h4, 5085 5148 .entry-content h5, 5086 5149 .entry-content h6 { 5087 margin: 4.5rem 02.5rem;5150 margin: 4.5rem auto 2.5rem; 5088 5151 } 5089 5152 5090 /* ALIGNMENT CLASSES */5091 5092 5153 .alignnone, 5093 5154 .aligncenter { 5094 5155 margin-bottom: 4rem; … … a.to-the-top > * { 5107 5168 margin: 0.3rem 0 2rem 2rem; 5108 5169 } 5109 5170 5110 . alignwide,5111 . alignfull {5171 .entry-content > .alignwide, 5172 .entry-content > .alignfull { 5112 5173 margin-bottom: 6rem; 5113 5174 margin-top: 6rem; 5114 5175 } 5115 5176 5116 5177 .entry-content > .alignwide { 5117 5178 max-width: calc(100vw - 8rem); 5118 left: calc(50% - 50vw + 4rem);5119 5179 width: calc(100vw - 8rem); 5120 5180 } 5121 5181 … … a.to-the-top > * { 5596 5656 5597 5657 /* BLOCK: GROUP */ 5598 5658 5599 . wp-block-group.alignwide.has-background,5600 . wp-block-group.alignfull.has-background {5659 .entry-content > .wp-block-group.alignwide.has-background, 5660 .entry-content > .wp-block-group.alignfull.has-background { 5601 5661 padding: 8rem 4rem; 5602 5662 } 5603 5663 5604 5664 /* BLOCK: SEPARATOR */ 5605 5665 5606 5666 hr.wp-block-separator { 5607 margin: 8rem 0;5667 margin: 8rem auto; 5608 5668 } 5609 5669 5610 5670 /* Entry Content ------------------------- */ 5611 5671 5612 5672 /* ALIGNMENT CLASSES */ 5613 5673 5614 .alignwide, 5615 .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 { 5616 5731 margin-bottom: 8rem; 5617 5732 margin-top: 8rem; 5618 5733 } … … a.to-the-top > * { 5761 5876 5762 5877 /* BLOCK: GROUP */ 5763 5878 5764 . wp-block-group.alignwide.has-background,5765 . wp-block-group.alignfull.has-background {5879 .entry-content > .wp-block-group.alignwide.has-background, 5880 .entry-content > .wp-block-group.alignfull.has-background { 5766 5881 padding: 8rem 6rem; 5767 5882 } 5768 5883 … … a.to-the-top > * { 5782 5897 5783 5898 /* ALIGNMENT CLASSES */ 5784 5899 5785 . alignfull {5900 .entry-content > .alignfull { 5786 5901 margin-bottom: 10rem; 5787 5902 margin-top: 10rem; 5788 5903 } … … a.to-the-top > * { 5880 5995 5881 5996 .wp-block-separator.is-style-wide { 5882 5997 max-width: 120rem; 5883 left: calc(50% - 60rem);5884 5998 width: 120rem; 5885 5999 } 5886 6000 … … a.to-the-top > * { 5906 6020 5907 6021 .entry-content > .alignwide { 5908 6022 max-width: 120rem; 5909 left: calc(50% - 60rem);5910 6023 width: 120rem; 5911 6024 } 5912 6025 6026 [class*="__inner-container"] > .alignwide { 6027 max-width: 120rem; 6028 width: 100%; 6029 } 6030 5913 6031 } 5914 6032 5915 6033 @media ( min-width: 1330px ) { -
src/wp-content/themes/twentytwenty/template-parts/content.php
diff --git a/src/wp-content/themes/twentytwenty/template-parts/content.php b/src/wp-content/themes/twentytwenty/template-parts/content.php index cd8d78ec28..4b745fa9f9 100644
a b 25 25 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"> 31 31 … … 39 39 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( 44 47 array( … … 61 64 } 62 65 ?> 63 66 64 </div><!-- . post-inner -->67 </div><!-- .section-inner --> 65 68 66 69 <?php 67 70