SASS

Patrón 7–1
==============
Basicamente, tienes todas las partes almacenadas en 7 carpetas diferentes, y un único archivo en el directorio raíz (normalmente llamado main.scss) y que importa todas estas partes para luego compilarlas en una hoja de estilo CSS.

Crear multiples directorios en VSCode con mkdir:
$>cd sass
$>mkdir base components layout pages themes utils vendors


Clasificacion:
-base: Carpeta con los estilos que compartirán todas las páginas.
-components: Es donde se almacenan los bloques BEM que son más autónomos, como botones,card, carousel, modal, dropdown.
-Layout: es donde se almacenan bloques BEM que contienen cosas que se pueden reutilizar, como un formulario,header,footer,sidebar.
-Pages: contiene bloques de código que solo se aplican a una sola página.
-Themes: Es donde almacenas código temático, como estilo personalizado para Navidad o Halloween. Esto no se aplica al sitio que estamos creando.
-Vendors: Es un directorio para hojas de estilos de biblioteca de terceros como Bootstrap o jquery.