Una excelente manera de administrar y mantener su código Sass, es dividirlo en parciales.

Los parciales simplemente son archivos:

  1. Con una parte específica de su código Sass.
  2. Cuyo nombre tiene antepuestos un guión bajo _variables.scss
  3. Que se pueden importar @import "utils/variables";

Observe que si son scss, se importan sin la extensión, si fuera un archivo de css puro, sería: @import "utils/variables.css";

Un archivo de manifiesto Sass, también conocido como archivo principal, es donde un desarrollador reúne todos esos parciales. Por lo general, se llama main.scss, pero puede denominarse de cualquier manera.

Bourbon

Bourbon es una biblioteca de mixins y funciones de Sass que están diseñadas para hacerte un autor de hojas de estilo más eficiente. Es:

  1. Un conjunto de herramientas Sass.
  2. Puro Sass.
  3. Legible por humanos.

Instalación y uso

  1. Instale la "Biblioteca Bourbon" en el directorio actual, con RubyGems:
sudo gem install bourbon -n /usr/local/bin
bourbon install
  1. Importe Bourbon al comienzo de su hoja de estilo:
@import "bourbon/bourbon";

Sass-Director (Tools > Command P… > Sass Director: Generate…)

Durante la configuración inicial, en lugar de crear manualmente todos los directorios y archivos dentro de ellos, los comandos de shell emitidos harán el trabajo rápidamente. Construirá rápidamente todos sus directorios y archivos de un proyecto Sass (en lugar de crear todos manualmente), durante la configuración inicial, a partir de su archivo de manifiesto Sass.

Ejecutar el comandos Generate.... re-escribira (borrará) los todos los archivos.