AlkantarClanX12
Current Path : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/ |
Current File : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/05-blocks/columns/_style.scss |
.wp-block-columns { &:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-column { > * { margin-top: calc(0.66 * var(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &:last-child { margin-bottom: 0; } } .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--global--spacing-vertical)); @include media(mobile) { margin-bottom: var(--global--spacing-vertical); } @include media(desktop) { margin-bottom: 0; } } &.is-style-twentytwentyone-columns-overlap { justify-content: space-around; @include media(laptop) { .wp-block-column { &:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; // Provide text-based child blocks with a default background color to ensure they're readable. > p, > h1, > h2, > h3, > h4, > h5, > h6, > ul, > ol, > pre { &:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } } // Lists should still have their usual left padding. > ul:not(.has-background), > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } &.is-vertically-aligned-center { margin-top: 0; } } } } } &.alignfull { .wp-block-column { p:not(.has-background), h1:not(.has-background), h2:not(.has-background), h3:not(.has-background), h4:not(.has-background), h5:not(.has-background), h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } } } }