godaddy-wordpress/go

View on GitHub
.dev/assets/shared/css/blocks/media-text/_style.scss

Summary

Maintainability
Test Coverage
/*! Media & Text */
.wp-block-media-text {

    // Fix 50% width
    @include media(small-only) {
        grid-template-columns: 50% auto !important;
    }

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

    &.has-media-on-the-right:not(.is-style-card) {

        .wp-block-media-text__content {
            padding-left: 0;
        }
    }

    .wp-block-media-text__content {
        @include media(small-only) {
            padding-right: 0;
        }
    }

    .wp-block-media-text__content *:last-child {
        margin-bottom: 0 !important;
    }

    &.is-stacked-on-mobile {

        &.has-media-on-the-right:not(.is-style-card) .wp-block-media-text__media {
            @include media(small-only) {
                margin-top: var(--go--spacing--vertical);
            }
        }

        &:not(.has-media-on-the-right):not(.is-style-card):not(.is-style-overlap):not(.is-style-outline) .wp-block-media-text__media {
            @include media(small-only) {
                margin-bottom: var(--go--spacing--vertical);
            }
        }

        &:not(.is-style-card) .wp-block-media-text__content {
            @include media(small-only) {
                padding: 0;
            }
        }
    }
}

.is-image-fill {

    &.alignfull .wp-block-media-text__content {
        max-width: var(--go--max-width);
        padding-bottom: var(--go--spacing--vertical--lg);
        padding-top: var(--go--spacing--vertical--lg);
    }
}