godaddy-wordpress/go

View on GitHub
.dev/assets/shared/css/editor/vertical-rhythm.scss

Summary

Maintainability
Test Coverage
// Vertical Spacing
.wp-block {
    margin-bottom: var(--go--spacing--vertical);
    margin-top: var(--go--spacing--vertical);
}

//Spacing for child blocks
.block-editor-block-list__layout > .wp-block:not(.wp-social-link) {

    &:first-child {

        &[data-align="full"],
        &[data-align="wide"] {
            margin-top: 0;
        }
    }

    &:nth-last-child(2) {
        margin-bottom: 0;
    }
}

.wp-block[data-align="wide"],
.wp-block[data-align="full"] {
    margin-bottom: var(--go--spacing--vertical--lg);
    margin-top: var(--go--spacing--vertical--lg);
}

.block-editor-block-list__block {
    margin-top: 0;
}

.block-editor-block-list__block:first-child {

    > .wp-block[data-align="wide"],
    > .wp-block[data-align="full"] {
        margin-top: inherit;
    }
}

.wp-block[data-type="core/gallery"][data-align="full"] + .wp-block[data-type="core/image"][data-align="full"],
.wp-block[data-type="core/gallery"][data-align="full"] + .wp-block[data-type="core/group"][data-align="full"] .has-background,
.wp-block[data-type="core/image"][data-align="full"] + .wp-block[data-type="core/group"][data-align="full"] .has-background {
    margin-top: calc(var(--go--spacing--vertical--lg) * -1);
}