This framework strives to set itself apart by being lighterweight than its alternatives, without sacrificing useful functionality. Openskull.css tries to follow some of the standards that major libraries such as bootstrap have set forward, and will probably feel familiar to people familiar with other frameworks.
This website is still very much a work in progress, as is the framework.
The grid is 12 column based and is broken up into 4 media breakpoints (similar to bootstrap), with each column prefixed with .os-lg-, .os-md-, .os-sm-, or .os-xs-.
The example below is responsive. Using visible-* classes we can show the breakpoints at each size. lg-2, md-3, sm-4, xs-6. Note that the media breakpoints are considered "-size- or greater than", meaning that -lg- will take priority, but in it's absense -xs- will kick in on any window size.
Offsets can be set on all sizes, eg .offset-2, or they can be set size specific, eg .offset-lg-3