Sass

Source file extensions: .scss

.scss files are processed with Sass.

foo.scss will generate a foo.css file in output.

Import in Javascript/Typescript

.scss are imported like .css.

See css for more details

@import in Sass

Import from the current component:

style.scss

@import './foo.style';
...

References

Quick example

style.scss

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body
{
font: 100% $font-stack;
color: $primary-color;
}