Foundation 4: Incorporating Sass and Compass
Video: WelcomeLearn to style your Foundation site with Sass and Compass.
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.
- 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
(MUSIC) Hi, I'm Jen Kramer. Welcome to Foundation: Incorporating Sass and Compass. In this course, I'll show you how to work with Sass and add custom styling to your foundation website. We'll start by configuring your computer with the software you'll need to work with Sass, including Ruby, Sass, Compass, and the Foundation gem. Next, we'll download foundation Sass files and explore their structure.
We willwork with the _settings.scss, which provides lots of control of variables to change colors, fonts, spacing and more in your foundation site. Finally, we'll look at the wild and wonderful side of foundation, including functions, math, mixins, extending styles, and much more, to create some very cool effects. So if you're ready, let's get started with Foundation: Incorporating Sass and Compass.
There are currently no FAQs about Foundation 4: Incorporating Sass and Compass.