Skip to content
Sass

Partials & @use

Split stylesheets into partials and load them with @use.

#partials#import#use

Code

sass
// _variables.scss
$primary: #1976d2;

// _mixins.scss
@mixin center { display: flex; justify-content: center; align-items: center; }

// main.scss (entry)
@use "variables" as v;
@use "mixins" as m;

.button {
  background: v.$primary;
  @include m.center;
}

// @use (modern) is namespaced and loads each file once.
// @import (legacy) is global and can cause duplication.
// Partials are prefixed with _ so Sass skips emitting them.
All snippets