@import
/*
@import lets you import styles of a file into the current file
*/
// import styles of "file.scss" into the current scss file
@import "file.scss" // scss is optional
@import "file" // this also work
// import a css file
@import "foo.css" // this still makes multiple browser requests, doesn't cache
// define common used colors in one file and import it wherever needed
// colors.scss
$border: 1px solid #efefef;
// main.scss
@import "colors"
div {
border: $border;
}