I want to add Zurb-Foundation elements/components to my Zen Subtheme. I think those who have done this using Bootstrap may know the basic procedure as well?
My example use-case is to style the 'main-menu' using the Foundation 'nav-bar' :->
- I have included foundation.css from Zurb-Foundation and I can hack around in Firebug and get the main-menu styled with the Foundation nav-bar style. Great.
But how to evolve this to actually be a usable workflow?
- How do I integrate Foundation into my Zen SASS workflow? What do I need to @import into the Zen subtheme?
- What changes do I need to make to config.rb, if any?
- Ditto from the .info file in my subtheme?
Assuming I can incorporate Foundation components, I then have to override in MYTHEMENAME__preprocess_page within my Zen Subthemes 'template.php'? Is this correct?
Any examples of the render-array in MYTHEMENAME__preprocess_page to say, in this example, override the menu-links to use the Foundation 'nav-bar' class/style?
Many, many, thanks