Se encuentra usted aquí

Usando Grunt, bootstrap, Compass y SASS

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

4.- Corriendo Grunt

  • Corremos Grunt y a trabajar: grunt watch
Versión: 

Añadir nuevo comentario