godaddy-wordpress/go

View on GitHub
.dev/assets/shared/css/blocks/columns/_style.scss

Summary

Maintainability
Test Coverage
/*! Columns */
.wp-block-columns {

    &.has-background {
        padding: var(--go--spacing--vertical) calc(var(--go--spacing--vertical) * 1.3);

        @include media(medium) {
            padding: calc(var(--go--spacing--vertical--lg) * 0.2) calc(var(--go--spacing--vertical--lg) * 0.25);
        }
    }

    &.is-medium-full .wp-block-column {
        @include media(large-only) {
            flex-basis: 100% !important;
            padding: 0 !important;
        }
    }

    .wp-block-column {
        margin-bottom: 0;

        @include media(medium) {
            margin-top: 0;
            padding: 0 2rem;
        }
        @include media(medium-only) {
            flex-basis: 100% !important;
        }

        &[class*="background-color"] {
            padding: calc(var(--go--spacing--vertical--lg) * 0.25);
        }

        &:not([class*="background-color"]):first-child {
            margin-top: 0;
            padding-left: 0;
        }

        &:not([class*="background-color"]):last-child {
            margin-bottom: 0;
            padding-right: 0;
        }

        &:empty {
            margin: 0;
        }

        > *:first-child {
            margin-top: 0;
        }

        > *:last-child {
            margin-bottom: 0;
        }
    }

    .wp-block-column:empty + .wp-block-column {
        margin-top: 0;
    }

    .wp-block-quote {
        border: none !important;
        max-width: none;

        &.is-style-large {
            margin-left: 0;
            margin-right: 0;
        }

        p {
            padding: 0 !important;
        }

        cite {
            margin-left: 0 !important;
        }
    }

    p ~ .wp-block-button {
        margin-bottom: 0 !important;
    }

    .wp-block-column > .wp-block-button:first-child {
        margin-top: 0.75em !important;
    }

    + .wp-block-columns {
        &:not(.coblocks-author-columns) {
            margin-top: calc(var(--go--spacing--vertical--lg) * 0.5);
        }
    }

}