CSS

scss import class from another file

@import url("index.scss");

sass import

@import 'path/to/file', 'other/file';

import scss

// Custom.scss
// Option A: Include all of Bootstrap

// Include any default variable overrides here (though functions won't be available)

@import "../node_modules/bootstrap/scss/bootstrap";

// Then add additional custom code here

scss import another file

// foundation/_code.scss
code {
  padding: .25em;
}

// foundation/_lists.scss
ul {
  text-align: left;
}

// style.scss
@use 'foundation/code';
@use 'foundation/lists';

// output styles.css
code {
  padding: .25em;
}

ul {
  text-align: left;
}