Menu icon Foundation
Modifying the settings.scss file

Can I make changes to the Foundation settings.scss file without downloading all of the other apps like Bower, Git, Node.js, etc., etc.? I've read that downloading all of the other apps can be problematic.

All I want to do is to customize some CSS.

When I tried doing it via a custom style sheet, but I noticed the changes I'd made didn't stick.
The only way around that was to put all of my custom CSS inline, in my pages.

Please let me know if I can just uncomment and change the parts of the settings.scss file that I want to modify.

Thanks,
Steve

csssettings.scss

Can I make changes to the Foundation settings.scss file without downloading all of the other apps like Bower, Git, Node.js, etc., etc.? I've read that downloading all of the other apps can be problematic.

All I want to do is to customize some CSS.

When I tried doing it via a custom style sheet, but I noticed the changes I'd made didn't stick.
The only way around that was to put all of my custom CSS inline, in my pages.

Please let me know if I can just uncomment and change the parts of the settings.scss file that I want to modify.

Thanks,
Steve

Rafi Benkual about 4 years ago

Hi Steve - There's some dependancies that going into using a pre-processor like Sass. At the least, you'll need Sass installed on your machine, and likely a newer version or Ruby (most Macs come with this).

If you use the Foundation CLI to build your project, it configures things like Bower, Compass or Libsass and any other automation tool. All of these are tools of modern development that can speed up your workflow.

If you don't want to use the Sass version, you can use the CSS version instead. Alternatively, you can use something like

Codekit
https://incident57.com/codekit/

Koala
http://koala-app.com/

Prepros
https://prepros.io/