At netguru we use Sass a lot. In this blog post I'll write about my favorite new features in Sass 3.3, and how it helps us with creating responsive web pages.
At Netguru we use Sass a lot. You can read a previous post about how Sass features help us in our day-to-day work. In this blog post I'll write about my favorite new features in Sass 3.3, and how it helps us with creating responsive web pages.
When you use Sass, you’re probably using @each loops quite a bit. In 3.3, you can iterate through a list of lists.
But maps are much more than that. I've added a living example of using maps in the RWD section. Be sure to check out map-merge and map-remove features, too.
The main disadvantage of this solution is that you have to rewrite some selectors to override default values. Also, it wasn’t comfortable for me to have everything in different files.
The second approach was to append responsive overrides to the end of the file.
This didn't feel good with me at all. I still had to rewrite selectors + a lot of @media declarations.
Best of all, it's easily extendable to multiple breakpoints! Keep in mind this is purely experimental right now, I haven't had a chance to properly test it yet!
And what solutions do you use to deal with CSS for RWD?