scss import code example
Example 1: import mixin from another file
@import "../../../theme/main.scss"
Example 2: sass @use not working
As of 8/2020 @use is only compatible with Dart Sass.
Check compatibility with documentation.
https://sass-lang.com/documentation/at-rules/use
Example 3: 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 4: sass mixin
@mixin transform($property) {
-webkit-transform: $property;
-ms-transform: $property;
transform: $property;
}
.box { @include transform(rotate(30deg)); }
Example 5: sass import
@import 'path/to/file', 'other/file';
Example 6: scss npm import
npm uninstall node-sass
npm install node-sass@4.14.1