¿Se pueden usar variables en las sentencias de importación para archivos Sass?

En Less puedo hacer algo como esto

@basePath:"../../some_crazy_project_path_to_repeat/less/"; @import "@{basePath}less.less"; 

Así que traté de hacer lo mismo en Sass

 $basePath:"../../some_crazy_project_path_to_repeat/less/"; @import "${basePath}less.scss"; // Syntax error: File to import not found or unreadable: ${basePath}less.scss. 

y

 @import "#{basePath}less.scss"; // Syntax error: File to import not found or unreadable: #{basePath}less.scss. 

¿Hay alguna manera de hacer esto en Sass?

No puede usar material condicional para importar en SASS.

Considera crear una extensión de Compass de tu proyecto.

No puede usar variables en rutas de importación como ya se mencionó. Lo que puede hacer es usar la opción -I o --load-path para especificar un directorio desde donde buscar.

 sass --watch sass/:css/ --load-path ../../path/to/library/ 

Digamos que tienes una estructura de directorios como esta:

 themes hotdog _variables.scss classic _variables.scss styles.scss 

Su styles.scss debe tener rutas de importación que son relativas a la (s) ruta (s) de carga proporcionadas:

 // note the import here doesn't contain themes, hotdog, or classic @import "variables"; @debug $foo; 

Tus comandos se verían así:

 # hotdog sass styles.scss hotdog.css --load-path ./themes/hotdog/ # classic sass styles.scss classic.css --load-path ./themes/classic/ 

Consulte la documentación de las opciones de Sass para obtener más información.