Menu icon Foundation
Getting started: CodeKit + Foundation + Compass

Hi everyone,

I'm starting a new project on CodeKit with Foundation and Compass.

I noticed that using this method does not create the typical Compass files when starting the project:

ie.scss
print.scss
screen.scss (which I believe contains a reset)

Is this intentional? How would you recommend getting started structuring a Foundation + Compass project?

For example, should I use the compass reset? Or does Foundation provide one?

Here's a screenshot of how Sass recommends structuring stylesheets:

Screen shot 2015 04 30 at 11.12.46 pm

codekitcompassFoundationgetting startedProject Strucutre

Hi everyone,

I'm starting a new project on CodeKit with Foundation and Compass.

I noticed that using this method does not create the typical Compass files when starting the project:

ie.scss
print.scss
screen.scss (which I believe contains a reset)

Is this intentional? How would you recommend getting started structuring a Foundation + Compass project?

For example, should I use the compass reset? Or does Foundation provide one?

Here's a screenshot of how Sass recommends structuring stylesheets:

Screen shot 2015 04 30 at 11.12.46 pm
Rafi Benkual over 4 years ago

This extra stuff is probably from Codekit, as the Compass template doesn't have it. https://github.com/zurb/foundation-compass-template

Foundation includes normalize which we use as a reset along with some built in stuff. I don't normally include another one.

ie.scss - I don't use this - it's for a desktop view on older IE browsers. http://jakearchibald.github.io/sass-ie/

having a print stylesheet can be useful if you'll print layouts. You can basically @media print { and make the grid stay a desktop view for large.