Sass Tutorial on @use not @import code example

Example 1: sass import variable from another file

// When importing the master, you leave out the underscore, and it
// will look for a file with the underscore. This prevents the SCSS
// compiler from generating a CSS file from it.
@import "assets/master";

// Then do the rest of my CSS afterwards:
.text { color: $accent; }

// assets/_master.scss 
$accent: #6D87A7;           
$error: #811702;

Example 2: Sass @import and Partials

@import "variables";
@import "colors";
@import "reset";

reset.scss

@import "reset";

body {
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  color: red;
}

Tags:

Css Example