Configuración e instalación de SASS para crear un theme

Instalación de sass

SASS es un compilador que nos permite generar ficheros CSS pero usando variables, funciones y otras herramientas que nos facilitan el trabajo de desarrollo de CSS.

Veamos los pasos para instalar SASS:

  1. Instalar Ruby (última versión): http://rubyinstaller.org
  2. Instalar sass con ruby: Para esto abrimos la consola de ruby y ejecutamos: gem install sass
  3. Instalar compass con ruby: gem install compass

Crear proyecto y compilar

Para crear un proyecto nuevo en sass debemos ejecutar dentro del directorio donde queramos crearlo: compass create

Una vez que tenemos el proyecto creado para que se compile automáticamente con cada cambio, nos situamos en el directorio donde se encuentre el fihcero de configuración de sass (config.rb) y ejecutamos: compass watch

Como los theme de Saga Suite funcionan con Bootstrap debemos utilizar un proyecto que ya tengamos creado con Bootstrap en formato SASS para que sea más fácil empezar a trabajar. Lo normal es partir de uno por defecto.