_editor.scss (1242B)
1 .wp-block-group { 2 // Start IE clearfix. 3 // This hack is only necessary because we want to support IE11. 4 // If we don't want to support IE11, then "display: flow-root" would suffice. 5 display: block; 6 clear: both; 7 8 display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties 9 10 &:before, 11 &:after { 12 content: ""; 13 display: block; 14 clear: both; 15 } 16 // End IE clearfix. 17 18 &.has-background { 19 padding: var(--global--spacing-vertical); 20 21 [data-align="full"] & { 22 margin-top: 0; 23 margin-bottom: 0; 24 } 25 } 26 27 // Block Styles 28 &.is-style-twentytwentyone-border { 29 border: calc(3 * var(--separator--height)) solid var(--global--color-border); 30 padding: var(--global--spacing-vertical); 31 32 .wp-block-group__inner-container > [data-align="full"] { 33 max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); 34 width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); 35 margin-left: calc(-1 * var(--global--spacing-vertical)); 36 } 37 } 38 39 @include innerblock-margin-clear(".wp-block-group__inner-container"); 40 } 41 42 .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] { 43 margin: 0; 44 width: 100%; 45 }