Dentro de la carpeta assets tenemos la carpeta scss y dentro de ella obtendremos la siguiente estructura base, con esta estructura podemos construir nuevos archivos según los elementos que estemos construyendo.
En la carpeta modules construiremos los modulos, utilidades y valores que necesitemos aplicar globalmente durante el proyecto.
En la carpeta partials construiremos los elementos que utilizaremos de manera global y especÍfica, que apoyarán los componentes que estemos desarrollando.
En nuestro proyecto angular-base.sass tendremos dentro de src un archivo styles.sass, acá sólo vamos a tener importado nuestros archivos creados dentro de la estructura.
// Modules and var
@import "assets/sass/modules/var";
@import "assets/sass/modules/mixins";
@import "assets/sass/modules/utility";
// Partials
@import "assets/sass/partials/reset";
@import "assets/sass/partials/typography";
@import "assets/sass/partials/grids";
@import "assets/sass/partials/global";
@import "assets/sass/partials/buttons";La carpeta vendor es donde tendremos estas extensiones que son descargadas de librerías externas.
assets / scss / vendorTener en cuenta agregar los estilos por cada componente, es decir, cada vista debe contar con su propia hoja de estilos, esto aplica para agregar atributos que afectan sólo ese componente.