sainture
1/1/2018 - 5:44 AM

@import

@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;
}