Para crear un subtema bien estructurado escalable que todos los programadores puedan utilizar para iniciar cualquier proyecto con sass.1.- Requisitos
- Instalar Node
- Instalar Ruby
- Instalar Grunt sudo npm install -g grunt-cli
- Instalar SASS sudo gem install sass
- Instalar Compass sudo gem install compass
- Instalar las dependencias de Grunt
- sudo npm install grunt-contrib-watch -save-dev
- sudo npm install grunt-contrib-compass -save-dev
- sudo npm install grunt-contrib-sass -save-dev
2.-Crear el subtheme
- Para crear el subtheme lo hacemos con Drush o manualmente
- En tu directorio de tu theme: drush dl bootstrap
- Habilitamos el subtheme desde admin/appearance (antes de ello debemos tener activado el boosstrap theme y actualizado nuestro jquery con el modulo jquery_update)
- Cambiando de LESS a SASS
- El tu directorio de tu tema creamos una capeta custom-sass
- Dentro de esa carpeta creamos nuestro archivo style.scss
3.- Configurando GRUNT package.json & Gruntfile.js
- Creamos un archivo y lo nombramos package.json (https://gist.github.com/jgesu/c35314d7d06a6dc19098)
- Instalando las dependencias de Grunt
- sudo npm install
- Creamos un archivo y lo nombramos Gruntfile.js (https://gist.github.com/jgesu/89ebce4a28633420c8ff)
4.- Corriendo Grunt
- Corremos Grunt y a trabajar: grunt watch
Categorias:
Versión:
