Submit A Resource
Contact Us
About Functionn

Subscription Options

Subscribe By Email (265+)



Nov 26, 2012

Author: Hirvesh Posted At: 11/26/2012 Tags: , , , , , , , , , , ,

SSGS - Super Simple Responsive Grid System Using SASS

SSGS is a very basic grid system for the web. It allows you to quickly set up a responsive grid system using SASS.  It's a fully fluid six-column grid with fixed-width gutters.  It takes only one variable (the width of the gutters) so it's refreshingly easy to set up and use.

There's no need to clutter your HTML with lots and lots of classes as you can easily use Sass's @extend function.  It's only about 60 lines of code.

The only drawback there is right now is the dependency on box-sizing: border-box; to work properly.  That is only an issue if you work with IE prior to version 8.  There's even a neat polyfill available on GitHub. 

Since you're already working with Sass, just pop in Compass and import "compass/css3/box-sizing" to make it even easier.

There is even a plain old CSS version available if you're really resistant to awesome technology like Sass.

Requirements: SASS
License: Unlicense

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Trending Posts On Functionn This Week


Other Interesting Resources:


Post a Comment


Recent Posts

Popular Categories

Popular Components

Popular Licenses