Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Ruby

David Chapman
David Chapman
22,023 Points
Posted by David Chapman
David Chapman
22,023 Points

A few tweaks to adapt the Foundation Style Overrides video to newest versions of Foundation

I probably won't remember all of them, but these may help someone:

  1. You'll need to edit the _settings.scss file instead of the foundation_and overrides file. Instead of uncommenting individual rules, everything is active by default, but you can comment out individual sections of the _settings file (just comment out the @includes in the foundation_and_coverrides file).
  2. When Nick changes the $body-bg color, you should instead add his color to the $white variable.
  3. Primary color is now inside the $foundation-palette: towards the top of the file..
  4. You'll need to add the $paragraph-font-weight in your application.css.scss
  5. Instead of $button-function-factor, search for $button-background-hover: scale-color($button-background, $lightness: ??%);
  6. For label-font-size, rem-calc converts pixels to rem. In latest Foundation, label-font-size is rem. You can change it to use rem-calc to match the video or leave it at rem.
  7. You'll have to change the label-font-weight to bold in the application.css.scss file.
  8. For the reveal close button, search for Close Button. Also, reveal-top is now reveal-offset-vertical.