<p>Ribs is the evolution of Skeleton, the original author seems to have disappeared and/or lost interest in the project, and my colleagues and I use this an awful lot.</p>
</blockquote>
<h2id="whats-different-here">What's different here?</h2>
<p>My fork has one significant difference over the original project, that is a full SCSS conversion to make use of more modern technologies and to expose a lot more customisation options quickly and easily.</p>
<p>As time goes by, and with enough interest I will gradually extend the available options and build a packaging tool that allows you to select all of your customisations in a graphical way - thinking something along the lines of jQuery themeroller, just a bit more lightweight.</p>
<p>I've added grunt configuration to the repository for those of you that use it.</p>
<p>There are 4 main tasks added:
<em> default - Runs Sass to create the stylesheet from the source files, places the output in ./css then creates a minified version of the file and places it into the same directory
</em> test - This runs CSSLint over the output CSS file (Note that there are a few bits in the original skeleton css that I still need to fix!)
<em> minify - This literally just runs cssmin, useful if you've edited Ribs.css directly
</em> watch - This will monitor the scss directory for changes and automatically rebuild the css and minified css (Effectively the same as sass --watch but with added minification)</p>
<h3id="to-get-started-with-the-grunt-tools">To get started with the grunt tools</h3>
<p>You need to install grunt-cli globally (<code>npm install -g grunt-cli</code>) to start with, otherwise you wont have a runner!
Then following that, from the root dir of this project, run <code>npm install</code> which will set up all of the required dependencies.</p>
<li>Oct 15, 2013 - (v1.0.10) Resolved some issues with the grid system (Switched to margins for push/pull and removed tablet specific alpha and omega classes), Added a couple of example files.</li>
<li>Oct 10, 2013 - (v1.0.8) Initial inline documentation, styledocco based docs generation, fixed breakpoint oversight on media queries for tablet and mobile</li>
<li>Oct 10, 2013 - (v1.0.7) Documented the differences between the original skeleton project and Ribs, Updated normalize to 2.1.3</li>
<li>Aug 7, 2013 - (v1.0.6) Some additional variables, grid push and pull</li>
<li>Jul 17, 2013 - (v1.0.5) Some additional variables, some base table styling</li>
<li>Jul 14, 2013 - (v1.0.4) Removed reset and replaced it with normalize</li>
<li>May 30, 2013 - (v1.0.3) Added 1.5 * font size line heights to headings and paragraphs</li>
<li>May 28, 2013 - Rename project to Ribs</li>
<li>May 17, 2013 - (v1.0.2) Travis CI build configuration, and minor refactor to remove as many of the warnings from CSSLint as was feasible to do - MAY CAUSE REGRESSIONS.</li>
<li>Apr 23, 2013 - (v1.0.0) Skeleton SCSS v1.0 - Additional variable conversions, changes based on feedback to the original project and bower submission.</li>
<li>Jan 31, 2013 - Completed SCSS conversion of Skeleton 1.2.</li>
</div></article></section><divclass="bar bottom"><divhiddenclass="settings container"><!-- Icons from http://iconmonstr.com--><buttontitle="Desktop (1280)"data-width='1280'><svgviewBox="0 0 412 386"height="24"width="26"class="icon"><pathd="m147.6,343.9c-4.5,15.9-26.2,37.6-42.1,42.1h201c-15.3,-4-38.1,-26.8-42.1,-42.1H147.6zM387,0.5H25c-13.8,0-25,11.2-25,25V294c0,13.8 11.2,25 25,25h362c13.8,0 25,-11.2 25,-25V25.5C412,11.7 400.8,0.5 387,0.5zM369.9,238.2H42.1L42.1,42.6 369.9,42.6V238.2z"></path></svg></button><buttontitle="Laptop (1024)"data-width='1024'><svgviewBox="0 0 384 312"height="23"width="28"class="icon"><pathd="m349.2,20.5c0,-11-9,-20-20,-20H53.6c-11,0-20,9-20,20v194H349.2v-194zm-27,167H60.6V27.5H322.2v160zm28,42H32.6L2.6,282.1c-3.5,6.2-3.5,13.8 0.1,19.9 3.6,6.2 10.2,9.9 17.3,9.9H363.1c7.1,0 13.7,-3.8 17.3,-10 3.6,-6.2 3.6,-13.8 0,-20l-30.2,-52.5zm-196.9,54 8,-23.5h60.5l8,23.5h-76.5z"></path></svg></button><buttontitle="Tablet (768)"data-width='768'><svgviewBox="0 0 317 412"height="24"width="18"class="icon"><pathd="M 316.5,380 V 32 c 0,-17.7 -14.3,-32 -32,-32 H 32 C 14.3,0 0,14.3 0,32 v 348 c 0,17.7 14.3,32 32,32 h 252.5 c 17.7,0 32,-14.3 32,-32 z M 40,367 V 45 H 276.5 V 367 H 40 z m 109.8,22.7 c 0,-4.7 3.8,-8.5 8.5,-8.5 4.7,0 8.5,3.8 8.5,8.5 0,4.7 -3.8,8.5 -8.5,8.5 -4.7,0 -8.5,-3.8 -8.5,-8.5 z"></path></svg></button><buttontitle="Smart phone (320)"data-width='320'><svgviewBox="0 0 224 412"height="24"width="13"class="icon"><pathd="M 190.7,0 H 33 C 14.8,0 0,14.8 0,33 v 346 c 0,18.2 14.8,33 33,33 h 157.7 c 18.2,0 33,-14.8 33,-33 V 33 c 0,-18.2 -14.8,-33 -33,-33 z M 94.3,30.2 h 37 c 2.2,0 4,1.8 4,4 0,2.2 -1.8,4 -4,4 h -37 c -2.2,0 -4,-1.8 -4,-4 0,-2.2 1.8,-4 4,-4 z m 18.5,362.8 c -8.8,0 -16,-7.2 -16,-16 0,-8.8 7.2,-16 16,-16 8.8,0 16,7.2 16,16 0,8.8 -7.2,16 -16,16 z M 198.6,343.8 H 25.1 V 68.2 h 173.5 v 275.5 z"></path></svg></button><buttontitle="Feature phone (240)"data-width='240'><svgviewBox="0 0 201 412"height="24"width="12"class="icon"><pathd="M 165.5,0.2 V 45 H 25 c -13.8,0 -25,11.2 -25,25 V 387 c 0,13.8 11.2,25 25,25 h 150.5 c 13.8,0 25,-11.2 25,-25 V 0.2 h -35 z M 65.2,366.5 H 34.2 v -24.5 h 31 v 24.5 z m 0,-44.3 H 34.2 v -24.5 h 31 v 24.5 z m 50.5,44.3 H 84.7 v -24.5 h 31 v 24.5 z m 0,-44.3 H 84.7 v -24.5 h 31 v 24.5 z m 50.5,44.3 h -31 v -24.5 h 31 v 24.5 z m 0,-44.3 h -31 v -24.5 h 31 v 24.5 z m 0,-59.3 h -132 V 95.4 h 132 V 262.9 z"></path></svg></button><buttontitle="Auto (100%)"data-width="auto"class="auto is-active">Auto</button></div></div><script>(function(){vara=[{title:"Ribs",filename:"Ribs",url:"Ribs.html"},{title:"Ribs",filename:"Ribs",url:"Ribs.html#ribs"},{title:"Importofnormalize,variablesandmixins",filename:"Ribs",url:"Ribs.html#import-of-normalize-variables-and-mixins"},{title:"Generalbodystyle",filename:"Ribs",url:"Ribs.html#general-body-style"},{title:"Generalhorizontalrulestyle",filename:"Ribs",url:"Ribs.html#general-horizontal-rule-style"},{title:"Importofribsfunctionality",filename:"Ribs",url:"Ribs.html#import-of-ribs-functionality"},{title:"ExampleMediaQueries",filename:"Ribs",url:"Ribs.html#example-media-queries"},{title:"forms",filename:"forms",url:"forms.html"},{title:"Buttons",filename:"forms",url:"forms.html#buttons"},{title:"Forms",filename:"forms",url:"forms.html#forms"},{title:"grid",filename:"grid",url:"grid.html"},{title:"GridSystem",filename:"grid",url:"grid.html#grid-system"},{title:"DesktopGrid",filename:"grid",url:"grid.html#desktop-grid"},{title:"TabletGrid",filename:"grid",url:"grid.html#tablet-grid"},{title:"MobileGrid",filename:"grid",url:"grid.html#mobile-grid"},{title:"Clearing",filename:"grid",url:"grid.html#clearing"},{title:"images",filename:"images",url:"images.html"},{title:"Images",filename:"images",url:"images.html#images"},{title:"links",filename:"links",url:"links.html"},{title:"Links",filename:"links",url:"links.html#links"},{title:"lists",filename:"lists",url:"lists.html"},{title:"Lists",filename:"lists",url:"lists.html#lists"},{title:"mixins",filename:"mixins",url:"mixins.html"},{title:"",filen
