Component partials

_global
dist
css3-full Created with Sketch.
style.css
_scss-partials
sass Created with Sketch.
_regions.scss
sass Created with Sketch.
_utilities.scss
sass Created with Sketch.
style.scss
@import "sass-essentials";

@import "_scss-partials/_regions";
@import "_scss-partials/_utilities";

Each .scss file that you write in a component will generate a CSS file in a sibling dist folder

If you don’t want that for a certain file, you can tell Gulp that a certain file is a partial, by starting it’s filename with an underscore _.

It's then the responsibility of a non-partial .scss file to include that _[partial-name].scss file, otherwise Drupal will never load in the code you've written in that partial.

The global component is a good example of this!