_editor.scss (1472B)
1 .wp-block-columns { 2 3 &:not(.alignwide):not(.alignfull) { 4 clear: both; 5 } 6 7 .wp-block, 8 .wp-block-column { 9 // Allow Gutenberg to set the width of a block that lives inside the columns block. 10 max-width: inherit; 11 } 12 13 @include innerblock-margin-clear(".wp-block-column"); 14 15 &.is-style-twentytwentyone-columns-overlap { 16 17 @include media(laptop) { 18 19 .wp-block-column:nth-child(2n) { 20 margin-left: calc(-2 * var(--global--spacing-horizontal)); 21 margin-top: calc(2.5 * var(--global--spacing-horizontal)); 22 z-index: 2; 23 24 // Provide text-based child blocks with a default background color to ensure they're readable. 25 > p, 26 > h1, 27 > h2, 28 > h3, 29 > h4, 30 > h5, 31 > h6, 32 > ul, 33 > ol, 34 > pre { 35 36 &:not(.has-background) { 37 background-color: var(--global--color-background); 38 padding: var(--global--spacing-unit); 39 } 40 } 41 42 // Lists should still have their usual left padding. 43 > ul:not(.has-background), 44 > ol:not(.has-background) { 45 padding-left: calc(2 * var(--global--spacing-horizontal)); 46 } 47 48 &.is-vertically-aligned-center { 49 margin-top: 0; 50 } 51 } 52 } 53 } 54 55 .wp-block[data-align="full"] > & { 56 57 p:not(.has-background), 58 h1:not(.has-background), 59 h2:not(.has-background), 60 h3:not(.has-background), 61 h4:not(.has-background), 62 h5:not(.has-background), 63 h6:not(.has-background) { 64 padding-left: var(--global--spacing-unit); 65 padding-right: var(--global--spacing-unit); 66 } 67 } 68 }