[Summary view] [Print] [Text view]

   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  }