If you're a developer looking for an ultra lightweight, easily customizable, fully responsive grid for your next project, Sally is for you. Sally avoids the weight of larger grid frameworks, while adding all-new, amazing features that existing grids currently don't have.
The grid is a 12-column fluid grid, based on the Flexbox model. Columns scale gracefully across four breakpoints, and are easily customized with one line of SASS. Say goodbye to floating divs snapping into place.
Sally provides intuitive nesting elements, just like you've come to expect from Bootstrap and other frameworks.
Flexbox was chosen for maximum versatility, and because frankly, it's the future. It works in all browsers, with the exception of IE10- (though it will work in 10 with the addition of ms- prefixes). Let's start with the first benefit: your columns can finally align themselves vertically. Just tell a row to
to put your columns into position.
You can even align horizontally (not a particular challenge, but Sally makes it extra easy), completely eliminating the need for offset columns in most use-cases. Flexbox magic.
Sally uses media queries to serve its scalable grid, using device-width. Styling is added from the smallest sizes up, to preserve processing power on smaller devices. Four break points are included, and each is easily customizable. Go ahead and play around.
|Container width||None (auto)||None (auto)||None (auto)||970px|
Call me a hipster, but you shouldn't need to install a ruby gem to get started on your next project. I want you to see and modify the code directly. Just copy and paste all 67 lines of Sally into your next project.