Importing scss partials inside another scss partial

Question

can i import scss partials inside another scss partial? Eg- importing _abc.scss inside _xyz.scss

Answer 1

yes, with this simple code (syntax) : @import "anotherScssFile.scss";

Consider you have two scss files together, called config.scss and main.scss, if you want to import the config.scss file in main.scss, you can add this code in the first line of your main.scss :

@import "./config.scss"; /* this is what you want! */
.
.
.

in your case code must be like this (in _xyz.scss):

@import "path_to_abc_container_directory/_abc.scss";