Join Ray Villalobos for an in-depth discussion in this video Setting up a config.rb file for Compass, part of Responsive CSS with Sass and Compass.
So now that we got the animation going…pretty well, it's time to add Sass and Compass.…Now, if you know a little bit about SASS, you know that it requires you to have Ruby…installed on your machine, now if you have a…mac, Ruby should already be installed on your machine.…But if you have a PC, you need to go to…this website called rubyinstaller.org and download an installer for your platform.…Now, if you need help going through the installation for Ruby,…you can check out Ruby essential training.…It teaches you how to install both on a Mac and on a PC.…
And you can also check out CSS with LESS and Sass…which has a tutorial on how to install and download the tools.…Now if you've got Ruby, all you need to…do is run the GEM install command From the terminal.…On the PC, you're going to do this from the command prompt.…And, we need to just type in gem.…And, first we're going to do update, minus, minus,…system, to make sure our system's up to date.…Your screen might look a little bit different.…It might tell you some additional things that it's not telling me.…
Need a refresher on Sass? Check out CSS with LESS and Sass with Joe Marini.
- What are Sass and Compass?
- Adding version control
- Setting up a workflow with Grunt.js
- Modularizing your Sass with partials
- Creating a color palette with variables
- Using Compass mixins
- Creating a mobile-first layout
- Creating media-query breakpoints with Susy
- Designing a responsive grid with Susy