Ticket #49843: 49843.3.patch
File 49843.3.patch, 21.9 KB (added by , 5 years ago) |
---|
-
src/wp-content/themes/twentynineteen/style-editor.css
550 550 } 551 551 552 552 /** === Editor Frame === */ 553 body .wp-block[data-align="full"] { 554 width: calc(100% + 28px); 555 max-width: calc(100% + 28px); 553 body .wp-block[data-align="full"], 554 body .wp-block.alignfull { 555 width: calc(100% + 20px); 556 max-width: calc(100% + 20px); 556 557 } 557 558 559 body .wp-block[data-align="left"], 560 body .wp-block.alignleft { 561 margin-right: 1rem; 562 } 563 564 body .wp-block[data-align="right"], 565 body .wp-block.alignright { 566 margin-left: 1rem; 567 } 568 569 body .wp-block[data-align="center"], 570 body .wp-block.aligncenter { 571 margin-left: auto; 572 margin-right: auto; 573 } 574 558 575 @media only screen and (min-width: 600px) { 559 body .wp-block[data-align="full"] { 560 width: calc( 100% + 116px); 561 max-width: calc( 100% + 115px); 576 body .wp-block[data-align="full"], 577 body .wp-block.alignfull { 578 width: calc( 125% + 20px); 579 max-width: calc( 125% + 20px); 580 position: relative; 581 left: -12.5%; 562 582 } 563 583 } 564 584 565 585 @media only screen and (min-width: 768px) { 566 body . editor-writing-flow {586 body .block-editor-writing-flow { 567 587 max-width: 80%; 568 588 margin: 0 10%; 569 589 } 570 body . editor-default-block-appender,571 body . editor-block-list__block {590 body .block-editor-default-block-appender, 591 body .block-editor-block-list__block { 572 592 margin-left: 0; 573 593 margin-right: 0; 574 594 } 575 body .wp-block[data-align="wide"] { 595 body .wp-block[data-align="wide"], 596 body .wp-block.alignwide { 576 597 width: 100%; 577 598 } 578 body .wp-block[data-align="right"] {579 max-width: 125%;580 }581 599 } 582 600 583 601 /** === Content Width === */ … … 777 795 } 778 796 779 797 /** === Post Title === */ 798 .editor-post-title__block { 799 width: 100%; 800 } 801 780 802 .editor-post-title__block:before { 781 803 background: #767676; 782 804 content: "\020"; … … 1346 1368 } 1347 1369 1348 1370 /** === Group Block === */ 1349 .wp-block[data-type="core/group"] > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1371 .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align="full"], 1372 .wp-block-group > .wp-block-group__inner-container > .wp-block.alignfull { 1350 1373 margin-left: 0; 1351 1374 margin-right: 0; 1375 left: 0; 1352 1376 } 1353 1377 1354 .wp-block [data-type="core/group"] > .wp-block-group.has-background {1378 .wp-block-group .has-background { 1355 1379 padding: 22px; 1356 1380 } 1357 1381 1358 .wp-block[data-type="core/group"] > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1382 .wp-block-group .has-background > .wp-block-group__inner-container > .wp-block[data-align="full"], 1383 .wp-block-group .has-background > .wp-block-group__inner-container > .wp-block.alignfull { 1359 1384 margin-left: -22px; 1360 1385 width: calc(100% + 44px); 1361 1386 max-width: calc(100% + 44px); … … 1362 1387 } 1363 1388 1364 1389 @media only screen and (min-width: 768px) { 1365 .wp-block[data- type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {1390 .wp-block[data-align="wide"] > .wp-block-group > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 1366 1391 width: calc(8 * (100vw / 12)); 1367 1392 } 1368 1393 } 1369 1394 1370 1395 @media only screen and (min-width: 1168px) { 1371 .wp-block[data- type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {1396 .wp-block[data-align="wide"] > .wp-block-group > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 1372 1397 width: calc(6 * (100vw / 12 )); 1373 1398 } 1374 1399 } 1375 1400 1376 .wp-block[data-type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1401 .wp-block[data-align="wide"] > .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align="full"], 1402 .wp-block[data-align="wide"] > .wp-block-group > .wp-block-group__inner-container > .wp-block.alignfull { 1377 1403 padding-left: 0; 1378 1404 padding-right: 0; 1379 1405 } 1380 1406 1381 1407 @media only screen and (min-width: 768px) { 1382 .wp-block[data- type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {1408 .wp-block[data-align="wide"] > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 1383 1409 width: calc(8 * (100vw / 12) - 44px); 1384 1410 } 1385 1411 } 1386 1412 1387 1413 @media only screen and (min-width: 1168px) { 1388 .wp-block[data- type="core/group"][data-align="wide"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) {1414 .wp-block[data-align="wide"] > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 1389 1415 width: calc(6 * (100vw / 12 ) - 44px); 1390 1416 } 1391 1417 } 1392 1418 1393 @media only screen and (min-width: 600px) {1394 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout {1395 padding-left: 46px;1396 padding-right: 46px;1397 }1398 }1399 1400 1419 @media only screen and (min-width: 768px) { 1401 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout{1420 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container { 1402 1421 width: 80%; 1403 1422 margin-left: 10%; 1404 1423 margin-right: 10%; 1405 padding-left: 48px;1406 padding-right: 48px;1424 padding-left: 10px; 1425 padding-right: 10px; 1407 1426 } 1408 1427 } 1409 1428 1410 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {1411 max-width: calc(100vw - (2 * 1rem));1412 }1413 1414 1429 @media only screen and (min-width: 768px) { 1415 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {1430 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) { 1416 1431 max-width: calc(8 * (100vw / 12)); 1417 1432 } 1418 1433 } 1419 1434 1420 1435 @media only screen and (min-width: 1168px) { 1421 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="full"]) {1436 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) { 1422 1437 max-width: calc(6 * (100vw / 12)); 1423 1438 } 1424 1439 } 1425 1440 1426 1441 @media only screen and (min-width: 768px) { 1427 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout> .wp-block[data-align="right"] {1442 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align="right"] { 1428 1443 max-width: 125%; 1429 1444 } 1430 1445 } 1431 1446 1432 1447 @media only screen and (min-width: 768px) { 1433 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="wide"] { 1434 width: calc(100% + 4px); 1435 max-width: calc(100% + 4px); 1448 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align="wide"], 1449 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block.alignwide { 1450 width: 100%; 1451 max-width: 100%; 1436 1452 } 1437 1453 } 1438 1454 1439 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] {1440 max-width: calc(100vw + (2 * 1rem));1441 }1442 1443 1455 @media only screen and (min-width: 600px) { 1444 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] { 1445 width: calc(100% + 92px); 1446 left: -46px; 1456 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align=full], 1457 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block.alignfull { 1458 width: calc(100% + 20px); 1459 left: -10px; 1447 1460 } 1448 1461 } 1449 1462 1450 1463 @media only screen and (min-width: 768px) { 1451 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align=full] { 1452 left: calc(-12.5% - 58px); 1453 width: calc(125% + 120px); 1454 max-width: calc(125% + 119px); 1464 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block[data-align=full], 1465 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group__inner-container > .wp-block.alignfull { 1466 left: calc( -12.5% - 13px); 1467 width: calc( 125% + 26px); 1468 max-width: calc( 125% + 25px); 1455 1469 } 1456 1470 } 1457 1471 1458 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content> .wp-block-group.has-background {1472 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background { 1459 1473 padding: 22px 0; 1460 1474 } 1461 1475 1462 1476 @media only screen and (min-width: 600px) { 1463 .wp-block[data- type="core/group"][data-align="full"] > .is-block-content> .wp-block-group.has-background {1477 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background { 1464 1478 padding-left: 0; 1465 1479 padding-right: 0; 1466 1480 } 1467 1481 } 1468 1482 1469 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1483 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block[data-align="full"], 1484 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block.alignfull { 1470 1485 margin-left: 0; 1471 1486 width: 100%; 1472 1487 } 1473 1488 1474 1489 @media only screen and (min-width: 600px) { 1475 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1490 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block[data-align="full"], 1491 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block.alignfull { 1476 1492 width: calc(100% + 92px); 1477 1493 } 1478 1494 } 1479 1495 1480 1496 @media only screen and (min-width: 768px) { 1481 .wp-block[data-type="core/group"][data-align="full"] > .is-block-content > .wp-block-group.has-background > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 1497 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block[data-align="full"], 1498 .wp-block[data-align="full"] > .wp-block-group > .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block.alignfull { 1482 1499 width: calc(125% + 120px); 1483 1500 } 1484 1501 } -
src/wp-content/themes/twentynineteen/style-editor.scss
11 11 12 12 body { 13 13 14 .wp-block[data-align="full"] { 15 width: calc(100% + 28px); 16 max-width: calc(100% + 28px); 14 .wp-block[data-align="full"], 15 .wp-block.alignfull { 16 width: calc(100% + 20px); 17 max-width: calc(100% + 20px); 17 18 } 18 19 20 .wp-block[data-align="left"], 21 .wp-block.alignleft, { 22 margin-right: $size__spacing-unit; 23 } 24 25 .wp-block[data-align="right"], 26 .wp-block.alignright, { 27 margin-left: $size__spacing-unit; 28 } 29 30 .wp-block[data-align="center"], 31 .wp-block.aligncenter, { 32 margin-left: auto; 33 margin-right: auto; 34 } 35 19 36 @include media(mobile) { 20 37 21 .wp-block[data-align="full"] { 22 width: calc( 100% + 116px ); 23 max-width: calc( 100% + 115px ); 38 .wp-block[data-align="full"], 39 .wp-block.alignfull { 40 width: calc( 125% + 20px ); 41 max-width: calc( 125% + 20px ); 42 position: relative; 43 left: -12.5%; 24 44 } 25 45 } 26 46 27 47 @include media(tablet) { 28 48 29 . editor-writing-flow {49 .block-editor-writing-flow { 30 50 max-width: 80%; 31 51 margin: 0 10%; 32 52 } 33 53 34 . editor-default-block-appender,35 . editor-block-list__block {54 .block-editor-default-block-appender, 55 .block-editor-block-list__block { 36 56 margin-left: 0; 37 57 margin-right: 0; 38 58 } 39 59 40 .wp-block[data-align="wide"] { 60 .wp-block[data-align="wide"], 61 .wp-block.alignwide { 41 62 width: 100%; 42 63 } 43 44 .wp-block[data-align="right"] {45 max-width: 125%;46 }47 64 } 48 65 } 49 66 … … 190 207 /** === Post Title === */ 191 208 192 209 .editor-post-title__block { 210 width: 100%; 193 211 @include post-section-dash; 194 212 195 213 &:before { … … 779 797 // size is different here. 780 798 $group-block-background__padding: $font__size_base; 781 799 782 .wp-block [data-type="core/group"]{800 .wp-block-group { 783 801 784 // Group block base styles 785 > .wp-block-group { 786 787 // Child: Full alignment 788 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 789 margin-left: 0; 790 margin-right: 0; 791 } 802 // Child: Full alignment 803 > .wp-block-group__inner-container > .wp-block[data-align="full"], 804 > .wp-block-group__inner-container > .wp-block.alignfull { 805 margin-left: 0; 806 margin-right: 0; 807 left: 0; 792 808 } 793 809 794 810 // Group block with background color 795 > .wp-block-group.has-background {811 .has-background { 796 812 padding: $group-block-background__padding; 797 813 798 814 // Child: Full alignment 799 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 815 > .wp-block-group__inner-container > .wp-block[data-align="full"], 816 > .wp-block-group__inner-container > .wp-block.alignfull { 800 817 margin-left: -$group-block-background__padding; 801 818 width: calc(100% + #{$group-block-background__padding * 2}); 802 819 max-width: calc(100% + #{$group-block-background__padding * 2}); 803 820 } 804 821 } 822 } 805 823 806 807 &[data-align="wide"] > .is-block-content{824 // Wide and full alignments 825 .wp-block[data-align="wide"] > .wp-block-group { 808 826 809 // Group block base styles. 810 > .wp-block-group { 827 > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 828 @include media(tablet) { 829 width: calc(8 * (100vw / 12)); 830 } 811 831 812 // Child blocks: Default alignments 813 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) { 814 @include media(tablet) { 815 width: calc(8 * (100vw / 12)); 816 } 832 @include media(desktop) { 833 width: calc(6 * (100vw / 12 )); 834 } 835 } 817 836 818 @include media(desktop) { 819 width: calc(6 * (100vw / 12 )); 820 } 821 } 837 // Child blocks: Full alignment 838 > .wp-block-group__inner-container > .wp-block[data-align="full"], 839 > .wp-block-group__inner-container > .wp-block.alignfull { 840 padding-left: 0; 841 padding-right: 0; 842 } 822 843 823 // Child blocks: Full alignment 824 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 825 padding-left: 0; 826 padding-right: 0; 844 845 // Group block with background color 846 &.has-background { 847 848 // Child blocks: Default alignments 849 > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) { 850 @include media(tablet) { 851 width: calc(8 * (100vw / 12) - #{$group-block-background__padding * 2}); 827 852 } 828 }829 853 830 // Group block with background color 831 > .wp-block-group.has-background { 832 833 // Child blocks: Default alignments 834 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:not([data-align="wide"]):not([data-align="full"]) { 835 @include media(tablet) { 836 width: calc(8 * (100vw / 12) - #{$group-block-background__padding * 2}); 837 } 838 839 @include media(desktop) { 840 width: calc(6 * (100vw / 12 ) - #{$group-block-background__padding * 2}); 841 } 854 @include media(desktop) { 855 width: calc(6 * (100vw / 12 ) - #{$group-block-background__padding * 2}); 842 856 } 843 857 } 844 858 } 859 } 845 860 846 847 &[data-align="full"]{861 // Full alignment 862 .wp-block[data-align="full"] > .wp-block-group { 848 863 849 // Group block base styles 850 > .is-block-content > .wp-block-group { 864 // Margins & padding are added to this container to mimic 865 // the style + spacing of the .editor-writing-flow global 866 // container. This way, child items sync up with the placement 867 // and size of other top-level blocks. 868 > .wp-block-group__inner-container { 851 869 852 // Margins & padding are added to this container to mimic 853 // the style + spacing of the .editor-writing-flow global 854 // container. This way, child items sync up with the placement 855 // and size of other top-level blocks. 856 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout { 870 // 2px of extra padding are added to each side here 871 // To better match up with the spacing of the whole 872 // document. 873 @include media(tablet) { 874 width: 80%; 875 margin-left: 10%; 876 margin-right: 10%; 877 padding-left: 10px; 878 padding-right: 10px; 879 } 857 880 858 @include media(mobile) { 859 padding-left: 46px; 860 padding-right: 46px; 861 } 881 // Child blocks: Normal Alignments 882 > .wp-block:not([data-align="wide"]):not(.alignwide):not([data-align="full"]):not(.alignfull) { 862 883 863 // 2px of extra padding are added to each side here864 // To better match up with the spacing of the whole865 // document.866 884 @include media(tablet) { 867 width: 80%; 868 margin-left: 10%; 869 margin-right: 10%; 870 padding-left: 48px; 871 padding-right: 48px; 885 max-width: calc(8 * (100vw / 12)); 872 886 } 873 887 874 // Child blocks: All alignments except full 875 > .wp-block:not([data-align="full"]) { 876 max-width: calc(100vw - (2 * 1rem)); 888 @include media(desktop) { 889 max-width: calc(6 * (100vw / 12)); 890 } 891 } 877 892 878 @include media(tablet) { 879 max-width: calc(8 * (100vw / 12)); 880 } 893 // Child blocks: Right alignments 894 > .wp-block[data-align="right"] { 881 895 882 @include media(desktop) { 883 max-width: calc(6 * (100vw / 12)); 884 } 896 @include media(tablet) { 897 max-width: 125%; 885 898 } 899 } 886 900 887 // Child blocks: Right alignments 888 > .wp-block[data-align="right"] { 901 // Child blocks: Wide alignments 902 > .wp-block[data-align="wide"], 903 > .wp-block.alignwide { 889 904 890 891 max-width: 125%;892 }905 @include media(tablet) { 906 width: 100%; 907 max-width: 100%; 893 908 } 909 } 894 910 895 // Child blocks: Wide alignments 896 > .wp-block[data-align="wide"] { 911 // Child blocks: Full alignments 912 > .wp-block[data-align=full], 913 > .wp-block.alignfull { 897 914 898 @include media(tablet) { 899 width: calc(100% + 4px); 900 max-width: calc(100% + 4px); 901 } 915 @include media(mobile) { 916 width: calc(100% + 20px); 917 left: -10px; 902 918 } 903 919 904 // Child blocks: Full alignments 905 > .wp-block[data-align=full] { 906 max-width: calc(100vw + (2 * 1rem)); 907 908 @include media(mobile) { 909 width: calc(100% + 92px); 910 left: -46px; 911 } 912 913 @include media(tablet) { 914 left: calc(-12.5% - 58px); 915 width: calc(125% + 120px); 916 max-width: calc(125% + 119px); 917 } 920 @include media(tablet) { 921 left: calc( -12.5% - 13px ); 922 width: calc( 125% + 26px ); 923 max-width: calc( 125% + 25px ); 918 924 } 919 925 } 920 926 } 921 927 922 928 // Group block with background color 923 > . is-block-content > .wp-block-group.has-background {929 > .wp-block-group.has-background { 924 930 925 // When the Group block is full width, we can remove the left/right padding 926 // and let this inherit the 931 // When the Group block is full width, we can remove the left/right padding. 927 932 padding: $group-block-background__padding 0; 928 933 929 934 @include media(mobile) { … … 932 937 } 933 938 934 939 // Child blocks: Full alignment 935 > .wp-block-group__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-align="full"] { 940 > .wp-block-group__inner-container > .wp-block[data-align="full"], 941 > .wp-block-group__inner-container > .wp-block.alignfull { 936 942 margin-left: 0; 937 943 width: 100%; 938 944 … … 946 952 } 947 953 } 948 954 } 949 }