Importing puts the imported content before the content of the caller, not at the exact place of the @import line. Example: in style.scss I have ``` css body { ... } @import "custom.scss"; ``` in custom.scss I have ``` css p { ... } ``` This all gets compiled as ``` css p { ... } body { ... } ``` instead of ``` css body { ... } p { ... } ```