Breakpoint Mixin

Jump to bottom

Lara Schenck edited this page Aug 28, 2019 · 2 revisions

Mixin: pmc-breakpoint

Located in @penskemediacorp/larva-scss/dist/tools.scss.

Available breakpoints:

desktop-xl - min-width: 1260px
desktop - min-width: 1000px
desktop-max - max-width: 999px
tablet - min-width: 768px
mobile-max - max-width: 767px

@import 'setup'; // Should include tools.scss from larva-scss.

.u-order-n1\@desktop {
    @include pmc-breakpoint( desktop ) {
        order: -1
    }
}