Intermediate

Intermediate Guides & Tutorials on Sass and Compass

Our intermediate guides and tutorials have been written for those who are venturing further into the world of Sass and Compass. In these guides and tutorials, we will bring you up-close and personal with Sass and the depths of Compass, both project’s documentation, advanced usages and more.

If you have questions or suggestions, please contact us to let us know!

Posts in 'Intermediate'

Avoid nested selectors for more modular CSS

24 May 2013

We’ve written before about the dangers of nesting your CSS selectors too deeply. The Inception Rule is a good one for getting you to avoid some mangled CSS selectors. But there’s actually a lot of benefit to taking this concept a couple of steps farther. What happens when you avoid nesting for almost all of your major selectors?

Continue reading

A Standard Module Definition for Sass

26 March 2012

One part suggestion to the Sass community to adopt a standard way of structuring Sass modules and one part show and tell. John attempts to leverage his knowledge of large Sass projects to suggest a format for a Standard Module Definition for Sass.

Continue reading

Interactive Sass: Having Fun On The Terminal

22 November 2011

Most people who use Sass are familiar to some degree with the command line. While programs like Compass.app and Scout.app are making it easier to use Sass and Compass without using the command line, hidden gems await those who are willing to do so.

Continue reading

Sass control directives: @if, @for, @each and @while

31 August 2011

Sass control directives are the cornerstone of creating libraries for reuse and distribution, and need to be among the very first items on your list of things to learn when taking your Sass skills to the next level. They provide flow and logic and give you a finite level of decision making required by mixins and functions.

Continue reading

Referencing Parent Selectors using the ampersand (&) character

30 June 2011

Referencing parent selectors by using the ampersand (&) can be a powerful tool, if used right. There are simple uses of this feature as well as some very complex uses of this feature. In this post we will cover the basic uses of the ampersand (&) as well as link you to a post by Joel Oliveira that goes much deeper on the subject.

Continue reading