Sha256: 81f39e4b3d13e76b0e04d7829751f54548d543843ea6fb55315ae6eb6965b2a4

Contents?: true

Size: 1013 Bytes

Versions: 3

Compression:

Stored size: 1013 Bytes

Contents

/*------------------------------------*\
    #CONTENT-POSITION
\*------------------------------------*/

$positioning-offset: 5% !default;


.content-position {}

    .content-position--top {
        top: $positioning-offset;
    }

    .content-position--middle {
        top: 50%;
        transform: translateY(-50%);
    }

    .content-position--bottom {
        bottom: $positioning-offset;
    }

    .content-position--left {
        @include respond-to($medium-breakpoint) {
            left: $positioning-offset;
        }
    }

    .content-position--center {
        @include respond-to($medium-breakpoint) {
            left: 50%;
            transform: translateX(-50%);
        }
        
        &.content-position--middle {
            @include respond-to($medium-breakpoint) {
                transform: translate(-50%, -50%);
            }
        }
    }

    .content-position--right {
        @include respond-to($medium-breakpoint) {
            right: $positioning-offset;
        }
    }

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
workarea-super_hero-2.3.0 app/assets/stylesheets/workarea/storefront/super_hero/components/_content_position.scss
workarea-super_hero-2.2.2 app/assets/stylesheets/workarea/storefront/super_hero/components/_content_position.scss
workarea-super_hero-2.2.1 app/assets/stylesheets/workarea/storefront/super_hero/components/_content_position.scss