# Getting started with Foundation and its settings file to make the most of SASS

**URL:** <https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479>\
**Category:** Foundation\
**Tags:** tutorial\
**Created:** [December 8, 2016, 4:44pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479 "2016-12-08T16:44:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [December 8, 2016, 4:44pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/1 "2016-12-08T16:44:08Z")

</div>

If you are starting a new project and decided to use Foundation here’s a link to an interesting video about using [Foundation+SASS](https://www.youtube.com/watch?v=nEgHk2wmMjU) and the settings file to get the most out of SASS. This is a great way to get a feel for how SASS works and how to implement it.

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [December 8, 2016, 6:14pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/2 "2016-12-08T18:14:55Z")

</div>

I’m currently reading up on Foundation and the key differences between foundation and bootstrap. My first serious project is working with 5.5.3.

Because I mostly use plain html / css there is zero difference between the frameworks in terms of how I design - more Foundation is less bloated (out the box) - similar to bootstrap I can create my own custom version [http://foundation.zurb.com/sites/download.html/](http://foundation.zurb.com/sites/download.html/)

I only need the essentials, as my main reason for using a framework is to speed up my design process and the responsive aspect.

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [December 8, 2016, 6:47pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/3 "2016-12-08T18:47:28Z")

</div>

@Rob Interesting video - freshly uploaded as well!

---

<div class="post-metadata">

**Author:** ![Eric](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/eric/32/94_2.png) [@Eric](https://forum.pinegrow.com/u/Eric)\
**Post date:** [January 28, 2017, 3:11pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/4 "2017-01-28T15:11:51Z")

</div>

But Rob how do we begin using this in PG??

---

<div class="post-metadata">

**Author:** ![JonRimmer](https://avatars.discourse-cdn.com/v4/letter/j/7ab992/32.png) [@JonRimmer](https://forum.pinegrow.com/u/JonRimmer)\
**Post date:** [March 6, 2018, 9:12am UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/5 "2018-03-06T09:12:25Z")

</div>

Hi There I have just tried to compile foundation 6.4 sass files in pinegrow 4.4 and I get an error

syntax error: no mixin named add-foundation-colors Backtrace: settings:100

I can compile the same files in codekit without any errors

Any help would be much appreciated

Thanks

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [March 6, 2018, 5:26pm UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/6 "2018-03-06T17:26:33Z")

</div>

@JonRimmertry try downloading PG 4.5 and see if it works ([http://docs.pinegrow.com/release\_notes/release-4-5-6-march-2018/](http://docs.pinegrow.com/release_notes/release-4-5-6-march-2018/))

---

<div class="post-metadata">

**Author:** ![marq\_104](https://avatars.discourse-cdn.com/v4/letter/m/d6d6ee/32.png) [@marq\_104](https://forum.pinegrow.com/u/marq_104)\
**Post date:** [March 8, 2018, 7:37am UTC](https://forum.pinegrow.com/t/getting-started-with-foundation-and-its-settings-file-to-make-the-most-of-sass/479/7 "2018-03-08T07:37:35Z")

</div>

Have a look here: [https://github.com/zurb/foundation-sites/wiki](https://github.com/zurb/foundation-sites/wiki)
