Advanced

Advanced Guides & Tutorials on Sass and Compass

Ana Tudor

Inverse trigonometric functions with Sass

Ana Tudor kicks off her first article for The Sass Way with some crazy CSS demos and a lot of advanced math. Learn how to create asin(), acos(), and atan() functions in pure Sass.  Read more…

Hugo Giraudel

Implementing the Bubble Sort algorithm with Sass

Until recently it was actually impossible to build a sorting function for strings and other types in Sass, but with the release of Sass 3.3 we now have have the features we need to do just that.  Read more…

Hugo Giraudel

How to programmatically go from one color to another in Sass

Have you ever wanted to know how to programmatically jump from one color to another? In this article, I’ll show you how to find the color operations that are required to go from the color to another. To do this, we’ll use a couple of Sass 3.3 features, including maps and the handy call function.  Read more…

John W. Long

Modular CSS typography

Learn how to modularize your typography to create solid foundation for your projects. Use multiple classes and the @extend directive to create a reusable set of typographical styles.  Read more…

Hugo Giraudel

Math sequences with Sass

A fun experiment by Hugo Giraudel that demonstrates advanced usage of functions. Learn about the fibonacci sequence in Sass and more!  Read more…

John W. Long

Modular CSS naming conventions

The more you write your own stylesheets, the more you begin to value using good names in your code. Naming is by far one of the most difficult and debated activities of a developer. To many, naming is an art form.  Read more…

John W. Long

Modular CSS, an example

If avoiding nested selectors in favor of a flatter class-based CSS scares you, maybe this example will help you embrace some of the principles of modular CSS.  Read more…

Mason Wendell

Using pure Sass functions to make reusable logic more useful

Sass gladly lets you add calculations and logic in a way that CSS would never abide. But does that mean you should go around adding and dividing just anywhere? Find out how you can use pure Sass functions to make reusable logic more useful and your working Sass file more readable.  Read more…