• Sassy CSS (.scss) is the default file extension.
• CSS is valid SCSS.

You can import other files to the current one. Using something like: @import “buttons”;
It will import files with names _buttons.sass, buttons.sass, _buttons.scss, or buttons.scss. Tje file extension is not required.

If the file is named buttons.scss, it will create a new file buttons.css. To import partials, we will put an underscore before the namefile: _buttons.scss. It won't create a buttons.css file.

// These comments will
// not be output to the
// compiled CSS file 
/* This comment will */

Will compile to…

/* This comment will */