When using SASS how can I import a file from a different directory?

by

UPDATE: Please consider Mikka’s answer first – it should work without flaw if you’re only interested in including subdirectories. My answer is specific to including directories other than subdirectories, but works for those, too. But: It’s not the idiomatic way to do it.

Looks like some changes to SASS have made possible what you’ve initially tried doing:

@import "../subdir/common";

We even got this to work for some totally unrelated folder located in c:\projects\sass:

@import "../../../../../../../../../../projects/sass/common";

Just add enough ../ to be sure you’ll end up at the drive root and you’re good to go.

Of course, this solution is far from pretty, but I couldn’t get an import from a totally different folder to work, neither using I c:\projects\sass nor setting the environment variable SASS_PATH (from: :load_paths reference) to that same value.

More Related Contents:

  1. Is it possible to import a whole directory in sass using @import?
  2. Can variables be used in import statements for Sass files?
  3. How do I import from a sibling module?
  4. How to use custom packages
  5. Can’t import CSS/SCSS modules. TypeScript says “Cannot Find Module”
  6. @import in @if statement in Sass
  7. Next.js Global CSS cannot be imported from files other than your Custom
  8. Why put in front of the file name “_” or “_” in scss/css?
  9. How do I “use” or import a local Rust file? [duplicate]
  10. Angular2 & TypeScript importing of node_modules
  11. How to include files from same directory in a module using Cargo/Rust?
  12. Relative import from parent directory
  13. Import data in MySQL from a CSV file using LOAD DATA INFILE
  14. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  15. How to import load a .sql or .csv file into SQLite?
  16. How to change a module variable from another module?
  17. Math with interpolated variables?
  18. Intellij Cannot resolve symbol on import
  19. How to import a Python module from a sibling folder?
  20. Modify file in place (same dest) using Gulp.js and a globbing pattern
  21. What does ‘&.’ in ‘&.sub-title’ indicates in scss?
  22. How can I correct MySQL Load Error
  23. Importing data from multiple csv files in D3
  24. Relative imports in python 2.5
  25. Objective-C #import loop
  26. Import CSV to Update only one column in table
  27. How to import a Java project to Eclipse?
  28. Pass function or mixin by reference in SASS
  29. How to properly introduce a light/dark mode in Bootstrap?
  30. Simple cross import in python

Leave a Comment