css - framework - sass vs less

Sintaxis para incluir un archivo Sass por separado

Question

No puedo confirmar que esta sintaxis sea la mejor práctica. Me gustaría hacer referencia a un archivo Sass externo y hacer que lo anteponga a mi archivo CSS final, de esta manera mi hoja Sass se ve más limpia, y solo estoy haciendo una sola solicitud HTTP.

Por ejemplo, tome el código "normalizar" y póngalo en un archivo .sass, luego en mis hojas sass simplemente haga referencia a él:

@import src/normalize
@import src/droidSans
rest of code here.....

Hasta ahora funciona bien, pero no puedo encontrar nada concreto si voy en la dirección correcta. También estoy haciendo plantillas estáticas por el momento ... no estoy usando Rails en este momento.

¡He estado jugando con Sass por unas horas y me encanta!

Answer 1

Para evitar que su parcial se convierta en su propio archivo css, prefijo el nombre de archivo con un guión bajo, _normalize.scss . Luego puede importarlo de la manera que indicó que ya lo está haciendo:

@import "normalize";

O importe muchos archivos a la vez:

@import "normalize", "droidSans";

O importar desde un directorio relativo:

@import "folder/file"

Tenga en cuenta el uso de comillas dobles y punto y coma; Estoy usando la sintaxis SCSS, que es un desarrollo posterior de la palabra SASS. Si bien ambos estilos son válidos, puede preferir uno sobre el otro dependiendo de en qué otros idiomas participe.

Lectura adicional se puede encontrar en Directivas / Parciales en la documentación .