Build Step Notes - penske-media-corp/pmc-larva GitHub Wiki

SCSS

Imports

When importing SCSS from one file to another, the import statement first looks in node_modules. To import SCSS from Larva, this is appropriate:

@import '@penskemediacorp/larva-css/src/04-js/js-VideoShowcase.scss';

The second place the import statement checks is inside assets/src/scss. To import on SCSS file into another, you would write the path relative to assets/src/scss. For example, importing a project-level mixin into a CSS algorithm, you would write:

// assets/src/scss/02-algorithms/a-special-grid.scss
@import 'setup';
@import '02-algorithms/partials/_a-special-grid`;

.a-special-grid {
    @include _a-special-grid;
}

.a-special-grid\@mobile-max {
    @include pmc-breakpoint( mobile-max ) {
          @include _a-special-grid;
    }
}