como crear un subtheme usando zurb foundation
TRANSCRIPT
![Page 1: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/1.jpg)
![Page 2: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/2.jpg)
•
•
•
•
•
![Page 3: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/3.jpg)
•
•
•
•
• En Ubuntu 13.10
sudo apt-get install ruby1.9.1-dev
$ sudo apt-get install ruby
![Page 4: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/4.jpg)
•
•
•
• $ \curl -sSL https://get.rvm.io | bash -s stable
• Necesita curl, si aun no se tiene instalado:
sudo apt-get install curl
![Page 5: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/5.jpg)
•
•
•
•
$ [sudo] gem install sass
![Page 6: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/6.jpg)
•
•
•
1. $ gem update --system o $ [sudo] apt-get update
2. $ [sudo] gem install compass
![Page 7: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/7.jpg)
•
•
[sudo] gem install zurb-foundation
![Page 8: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/8.jpg)
•
sites/all/themes
•
•
1. drush dl zurb_foundation
2. drush en zurb_foundation
•
•
![Page 9: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/9.jpg)
•
drush fst nombre-de-subtheme
•
•
•
•
•
•
![Page 10: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/10.jpg)
![Page 11: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/11.jpg)
•
•
•
![Page 12: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/12.jpg)
•
•
•
•
![Page 13: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/13.jpg)
•
•
• sites/all/themes/nombre-de-subtheme/scss/nombre-de-subtheme.scss
•• sites/all/themes/mytheme/scss/mytheme.scss o
• sites/all/themes/mytheme/scss/custom.scss
![Page 14: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/14.jpg)
•
sites/all/themes/nombre-de-subtheme/scss/nombre-de-subtheme.scss
scss/_variables.scss
•
![Page 15: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/15.jpg)
•
•
•
•
•
•
•
•
•
•
•
•
![Page 16: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/16.jpg)
•
compass compile
compass watch
![Page 17: Como crear un subtheme usando zurb foundation](https://reader033.vdocuments.site/reader033/viewer/2022042716/55b4762ebb61eb0a6f8b4634/html5/thumbnails/17.jpg)
•