Join Jen Kramer for an in-depth discussion in this video Solution: Styling the panels, part of Foundation 4: Incorporating Sass and Compass.
So, how did you do styling those panels on your…webpage, hopefully you've come up with something really cool and wonderful.…As you can tell from my design here I haven't done anything just yet.…I wanted to walk you through the whole process of…showing you how you can go about making these changes.…So, the very first place that you need to start…is what is it exactly that you're going to change?…And, the best place to start o figure…that out is to go to your Foundation documentation.…So, that's foundation.zurb.com.…Click on the docs link up here in the main navigation.…And, then on the side here we're going to CSS components.…
And we're going to Panels.…So this is the documentation for panels and how you style a panel by default.…As you scroll down here, all the way down to the bottom,…you'll see all of the default SCSS variables are listed right here.…And helpfully, they all start with panel. So that's what we're going to…search for inside of our _settings.SCSS file.…So I'm going to just pull up my finder box here, which you can…
Released
9/26/2013- 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
Share this video
Embed this video
Video: Solution: Styling the panels