Menu icon Foundation
Where to write custom css?

Hi All,

With foundation 5, I was using the excellent ZF5 yeoman generator.
In my app/css folder I had 2 files, app.css which contained the framework css, and an empty file called app_override.css where I would write my custom css.

I'm using the Foundation 6 CLI tool with the Zurb Template.
Is it ok if I write my custom styles below the @imports and @includes in the assets/scss/app.scss file?
Or is it better to create a new css file and link it in my index.html?

Thanks for any insights!

F6customcssscssoverride

Hi All,

With foundation 5, I was using the excellent ZF5 yeoman generator.
In my app/css folder I had 2 files, app.css which contained the framework css, and an empty file called app_override.css where I would write my custom css.

I'm using the Foundation 6 CLI tool with the Zurb Template.
Is it ok if I write my custom styles below the @imports and @includes in the assets/scss/app.scss file?
Or is it better to create a new css file and link it in my index.html?

Thanks for any insights!

hector_sapien almost 4 years ago

Thanks Rafi, good article!

Rafi Benkual almost 4 years ago

I would create partials for the SCSS files. You can write CSS in them.

The ZURB stack is already set up for this because it includes an empty components folder.

We wrote more on this here: http://zurb.com/university/lessons/avoid-a-cluttered-mess-sensible-sass-file-structure