Subcategories

Foundation 4: Incorporating Sass and Compass

Posted By: Landau17
Foundation 4: Incorporating Sass and Compass

Foundation 4: Incorporating Sass and Compass
MP4 | Video: 720p | Duration: 2:18:01 | English | Subtitles: VTT | 388.5 MB



Foundation is one of the most popular responsive design frameworks—clean and simple. But much of Foundation's styling is accomplished via slightly more complex CSS: Compass and Sass. This course with Jen Kramer shows how to install Foundation, Compass, and Sass, and customize your own Foundation site. Learn how to start a new project, navigate the Sass file structure, and use the main _setting.scss file to style color, fonts, spacing, and more. Plus, learn about advanced features like functions, mixins, extended styles, and much more.

Topics include:
  • Installing Ruby, Sass, Compass, and the Foundation gem
  • Starting a new project
  • Compiling Sass files
  • Changing variables with _settings.scss
  • Working with Google Fonts and Sass
  • Styling the nav bar
  • Adjusting spacing between elements
  • Styling panel links
  • Creating a custom button with mixins