What do you get when combine the power of Sass with Zurb? You get Zurb Foundation for Sass and Compass. It’s the perfect flexible grid, desktop to mobile responsive, forms, buttons and UI library, plus other ZURB Playground favorites like Orbit and Reveal.
Featured Sass and Compass Projects
This is not a comprehensive directory of Sass and Compass projects. We simply aim to highlight and showcase what hits our radar. If you’re a fan of The Changelog, we hope to be a little of that for the Sass and Compass community and then some.
If you have questions or suggestions, please contact us to let us know!
WordPress is a great tool for building a fully customizable blog. Now you can make it even better by adding Sass and Compass support using this simple plugin.
Pictos Free is a free version of Pictos-style Tumblr icons from Drew Wilson, thanks to his collaboration with WooThemes, that I’ve packaged it up as a simple Compass extension that leverages Compass’s spriting feature.
Zocial Buttons is a CSS3 buttons Sass framework that makes adding “Follow me on Twitter”, “Find us on Facebook” and “Fork this on GitHub” buttons to your site TOO EASY.
If you’re a WordPress fan and have been looking for a way to work with Sass and CoffeeScript in your themes, Forge is your answer!
How far is too far when it comes to CSS text shadows? Be prepared to cross that line and then some with Mason Wendell in his project Sassy Text Shadows – the response is to the call put forth by Paul Irish’s Mother Effing Text Shadow, and an answer to the burning question, “Why would you want to use trigonometry in CSS?”
If you’re a fan of the classic Penner equations by Robert Penner, made famous by Flash and jQuery. You are going to love Compass Ceaser Easing by Jared Hardy, also known for his Sassy Buttons project.
Stitch is a nice companion to Compass that gives you access to CSS design patterns you likely use every day.
Are you wanting to achieve that sexy CSS3 buttons look with none of the work? Well then, Sassy Buttons are for you!
Twitter’s “Twitter Bootstrap” is a HOT topic, especially in the Sass community, namely because they used LESS instead of Sass. Well, fellow staff member John w. Long changed that with Sass Twitter Bootstrap.
Have you been wanting to design with modular scales, but the math and static-ness of CSS has held you back? Modular Scale is a Sass mixin that does all the heavy lifting and math for you to calculate the values of the modular scale. So put down the calculator and get excited about “prearranged sets of harmonious proportions” and let Sass do the work!