Note that there are some explanatory texts on larger screens.

plurals
  1. POConfiguring zurb foundation-sass with compass - how do you get it working and use it in a project?
    primarykey
    data
    text
    <p>I'm new to sass and zurb foundation (I've used bootstrap/less via codekit in the past) and have been trying to use the sass version <code>foundation-sass</code> but can't successfully get it configured - either via the command line using zurb's gem or by using codekit.</p> <p><strong>If I configure the gem:</strong></p> <ol> <li><p>Foundation works as long as I load all the foundation components via <code>@import "ZURB-foundation";</code></p></li> <li><p>But if I try to load components separately by uncommenting <code>@import "zurb/buttons";</code> I see errors: <code>"Undefined variable: "$default-color"</code> - but where do the variables and mixin files live?</p></li> <li><p>Also, where do the foundation scss files live so you can customize the design without having to override everything using apps.scss?</p></li> </ol> <p><strong>If I take another route and try to use the mac application codekit:</strong></p> <ol> <li>I get errors that the /zurb/ directory doesn't exist (which it doesn't) - this seems to be related to point 3 above - when you create a new compass-foundation project, none of the foundation files seem to live in your project folder.</li> </ol> <p><strong>If I then download foundation-sass via github:</strong> </p> <ol> <li><p>All the files are in sass format rather than scss</p></li> <li><p>And although you can modify compass mixins as you call them, how do you modify foundation's stylesheet files without modifying their originals - or are you supposed to edit their files?</p></li> </ol> <p>I haven't found any information I understand on how everything is supposed to fit together so was hoping someone here might know.</p> <p>I'm not using this with a ruby project btw - just trying to set things up purely for front-end work.</p> <p>Any help would be much appreciated.</p> <p>Cheers</p> <p>Ben</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload