diff --git a/README.md b/README.md
index 094a0dc..5e27523 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-Ribs v1.0.8
+Ribs v1.0.9
=============
> 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.
@@ -50,6 +50,7 @@ Then following that, from the root dir of this project, run `npm install` which
You should be good to go.
## Changelog
+* Oct 15, 2013 - (v1.0.9) Default flag added to variables - Thanks to Ivo Bathke (@ivoba)
* Oct 10, 2013 - (v1.0.8) Initial inline documentation, styledocco based docs generation, fixed breakpoint oversight on media queries for tablet and mobile
* Oct 10, 2013 - (v1.0.7) Documented the differences between the original skeleton project and Ribs, Updated normalize to 2.1.3
* Aug 7, 2013 - (v1.0.6) Some additional variables, grid push and pull
@@ -64,6 +65,7 @@ You should be good to go.
## Contributers
* Nick Pack
+* Ivo Bathke
* Matthew Copeland
* Miles Z. Sterrett
* AtomicPages LLC
diff --git a/build/css/Ribs.css b/build/css/Ribs.css
index a6b4a6e..27b9b92 100644
--- a/build/css/Ribs.css
+++ b/build/css/Ribs.css
@@ -7,7 +7,7 @@
Free to use under the MIT license.
http://github.com/nickpack/Ribs
*/
-/* normalize.css v2.1.3 | MIT License | git.io/normalize */
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
diff --git a/build/css/Ribs.min.css b/build/css/Ribs.min.css
index 1ecca51..85cf618 100644
--- a/build/css/Ribs.min.css
+++ b/build/css/Ribs.min.css
@@ -1,2 +1,2 @@
-/* Ribs 1.0.7 - https://github.com/nickpack/Ribs - 10-10-2013 */
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font:14px/21px HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}.container{position:relative;margin:0 auto;padding:0}.container .alpha{margin-left:0}.container .omega{margin-right:0}.column,.columns{float:left;margin-left:10px;margin-right:10px}.alpha-omega{margin-right:0;margin-left:0}.row{margin-bottom:20px}.container{width:960px}.container .one{width:40px}.container .two{width:100px}.container .three{width:160px}.container .four{width:220px}.container .five{width:280px}.container .six{width:340px}.container .seven{width:400px}.container .eight{width:460px}.container .nine{width:520px}.container .ten{width:580px}.container .eleven{width:640px}.container .twelve{width:700px}.container .thirteen{width:760px}.container .fourteen{width:820px}.container .fifteen{width:880px}.container .sixteen{width:940px}.container .one-third{width:300px}.container .two-thirds{width:620px}.container .one-half{width:460px}.container .one-quarter{width:220px}.container .three-quarters{width:700px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}.container .pull-by-one{left:-60px}.container .pull-by-two{left:-120px}.container .pull-by-three{left:-180px}.container .pull-by-four{left:-240px}.container .pull-by-five{left:-300px}.container .pull-by-six{left:-360px}.container .pull-by-seven{left:-420px}.container .pull-by-eight{left:-480px}.container .pull-by-nine{left:-540px}.container .pull-by-ten{left:-600px}.container .pull-by-eleven{left:-660px}.container .pull-by-twelve{left:-720px}.container .pull-by-thirteen{left:-780px}.container .pull-by-fourteen{left:-840px}.container .pull-by-fifteen{left:-900px}.container .push-by-one{left:60px}.container .push-by-two{left:120px}.container .push-by-three{left:180px}.container .push-by-four{left:240px}.container .push-by-five{left:300px}.container .push-by-six{left:360px}.container .push-by-seven{left:420px}.container .push-by-eight{left:480px}.container .push-by-nine{left:540px}.container .push-by-ten{left:600px}.container .push-by-eleven{left:660px}.container .push-by-twelve{left:720px}.container .push-by-thirteen{left:780px}.container .push-by-fourteen{left:840px}.container .push-by-fifteen{left:900px}@media only screen and (max-width:959px){.container{width:768px}.container .one{width:28px}.container .two{width:76px}.container .three{width:124px}.container .four{width:172px}.container .five{width:220px}.container .six{width:268px}.container .seven{width:316px}.container .eight{width:364px}.container .nine{width:412px}.container .ten{width:460px}.container .eleven{width:508px}.container .twelve{width:556px}.container .thirteen{width:604px}.container .fourteen{width:652px}.container .fifteen{width:700px}.container .sixteen{width:748px}.container .one-third{width:236px}.container .two-thirds{width:492px}.container .one-half{width:364px}.container .one-quarter{width:172px}.container .three-quarters{width:556px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}.container .pull-by-one{left:-48px}.container .pull-by-two{left:-96px}.container .pull-by-three{left:-144px}.container .pull-by-four{left:-192px}.container .pull-by-five{left:-240px}.container .pull-by-six{left:-288px}.container .pull-by-seven{left:-336px}.container .pull-by-eight{left:-384px}.container .pull-by-nine{left:-432px}.container .pull-by-ten{left:-480px}.container .pull-by-eleven{left:-528px}.container .pull-by-twelve{left:-576px}.container .pull-by-thirteen{left:-624px}.container .pull-by-fourteen{left:-672px}.container .pull-by-fifteen{left:-720px}.container .push-by-one{left:48px}.container .push-by-two{left:96px}.container .push-by-three{left:144px}.container .push-by-four{left:192px}.container .push-by-five{left:240px}.container .push-by-six{left:288px}.container .push-by-seven{left:336px}.container .push-by-eight{left:384px}.container .push-by-nine{left:432px}.container .push-by-ten{left:480px}.container .push-by-eleven{left:528px}.container .push-by-twelve{left:576px}.container .push-by-thirteen{left:624px}.container .push-by-fourteen{left:672px}.container .push-by-fifteen{left:720px}.container{width:768px}.container .alpha{margin-right:10px}.container .omega{margin-left:10px}}@media only screen and (max-width:767px){.container{width:90%}.container .one,.container .two,.container .three,.container .four,.container .five,.container .six,.container .seven,.container .eight,.container .nine,.container .ten,.container .eleven,.container .twelve,.container .thirteen,.container .fourteen,.container .fifteen,.container .sixteen,.container .one-third,.container .two-thirds,.container .one-half,.container .one-quarter,.container .three-quarters{width:100%}.container .column,.container .columns{margin:0}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:46px;line-height:69px;margin:0 0 14px}h2{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:35px;line-height:52.5px;margin:0 0 10px}h3{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:28px;line-height:42px;margin:0 0 8px}h4{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:21px;line-height:31.5px;margin:0 0 4px}h5{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:17px;line-height:25.5px}h6{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:14px;line-height:21px}.subheader{color:#777}p{margin:0 0 20px;line-height:21px}p img{margin:0}.lead{font-size:21px;line-height:31.5px;color:#777}em{font-style:italic}strong{font-weight:700;color:#333}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}a,a:visited{color:#333;text-decoration:underline}a:hover,a:focus{color:#000;text-decoration:none;outline:0}p a,p a:visited{line-height:inherit}ul,ol{margin:0 0 20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin:0 0 0 10px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}li{line-height:18px;margin:0 0 12px}.large li{line-height:21px}li p{line-height:21px}.button,button,input[type=submit],input[type=reset],input[type=button]{background-color:#ccc;background-color:rgba(153,153,153,.2);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-moz-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-o-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,.2));background-repeat:repeat-x;border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;margin:0 0 20px;line-height:normal;padding:8px 10px;font-family:HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#ccc;background-color:rgba(153,153,153,.3);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(0,0,0,.3)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(0,0,0,.3));background-repeat:repeat-x;color:#222;border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#ccc;background-color:rgba(153,153,153,.2);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-moz-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-o-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,.2));background-repeat:repeat-x;border:1px solid #666}.button .full-width,button.full-width,input[type=submit].full-width,input[type=reset].full-width,input[type=button].full-width{width:100%;padding-left:0;padding-right:0;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin:0 0 20px}fieldset{margin:0 0 20px}input[type=search],input[type=url]{-webkit-appearance:textfield;-moz-appearance:textfield}input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=number],input[type=tel],textarea,select{border:1px solid #ccc;padding:6px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font:13px HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;width:210px;max-width:100%;display:block;margin:0 0 20px;background:#fff}select{padding:10px;width:220px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{border:1px solid #aaa;color:#444;outline:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{display:block;font-weight:700;font-size:13px}input[type=checkbox]{display:inline}label span,legend span{font-weight:400;font-size:13px;color:#444}.scale-with-grid{max-width:100%;height:auto}table{max-width:100%;background:#fff;border-collapse:collapse;border-spacing:0;width:100%;margin:10px 0}table th,table td{padding:8px;line-height:21px;text-align:left;vertical-align:top;border-top:1px solid #ccc}table th{font-weight:700}table thead th{vertical-align:bottom}table caption thead tr:first-child th,table caption thead tr:first-child td,table colgroup thead tr:first-child th,table colgroup thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}table tbody tbody{border-top:2px solid #ccc}table table{background:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ccc;border-collapse:separate;border-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table-bordered th,.table-bordered td{border-left:1px solid #ccc}.table-bordered caption thead tr:first-child th,.table-bordered caption tbody tr:first-child th,.table-bordered caption tbody tr:first-child td,.table-bordered colgroup thead tr:first-child th,.table-bordered colgroup tbody tr:first-child th,.table-bordered colgroup tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px}.table-bordered tfoot tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.table-bordered tfoot tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.table-bordered caption thead tr:first-child th:first-child,.table-bordered caption tbody tr:first-child td:first-child,.table-bordered colgroup thead tr:first-child th:first-child,.table-bordered colgroup tbody tr:first-child td:first-child{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px}.table-bordered caption thead tr:first-child th:last-child,.table-bordered caption tbody tr:first-child td:last-child,.table-bordered colgroup thead tr:first-child th:last-child,.table-bordered colgroup tbody tr:first-child td:last-child{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#efefef}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#999}
\ No newline at end of file
+/* Ribs 1.0.9 - https://github.com/nickpack/Ribs - 15-10-2013 */
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background:#fff;font:14px/21px HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}.container{position:relative;margin:0 auto;padding:0}.container .alpha{margin-left:0}.container .omega{margin-right:0}.column,.columns{float:left;margin-left:10px;margin-right:10px}.alpha-omega{margin-right:0;margin-left:0}.row{margin-bottom:20px}.container{width:960px}.container .one{width:40px}.container .two{width:100px}.container .three{width:160px}.container .four{width:220px}.container .five{width:280px}.container .six{width:340px}.container .seven{width:400px}.container .eight{width:460px}.container .nine{width:520px}.container .ten{width:580px}.container .eleven{width:640px}.container .twelve{width:700px}.container .thirteen{width:760px}.container .fourteen{width:820px}.container .fifteen{width:880px}.container .sixteen{width:940px}.container .one-third{width:300px}.container .two-thirds{width:620px}.container .one-half{width:460px}.container .one-quarter{width:220px}.container .three-quarters{width:700px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}.container .pull-by-one{left:-60px}.container .pull-by-two{left:-120px}.container .pull-by-three{left:-180px}.container .pull-by-four{left:-240px}.container .pull-by-five{left:-300px}.container .pull-by-six{left:-360px}.container .pull-by-seven{left:-420px}.container .pull-by-eight{left:-480px}.container .pull-by-nine{left:-540px}.container .pull-by-ten{left:-600px}.container .pull-by-eleven{left:-660px}.container .pull-by-twelve{left:-720px}.container .pull-by-thirteen{left:-780px}.container .pull-by-fourteen{left:-840px}.container .pull-by-fifteen{left:-900px}.container .push-by-one{left:60px}.container .push-by-two{left:120px}.container .push-by-three{left:180px}.container .push-by-four{left:240px}.container .push-by-five{left:300px}.container .push-by-six{left:360px}.container .push-by-seven{left:420px}.container .push-by-eight{left:480px}.container .push-by-nine{left:540px}.container .push-by-ten{left:600px}.container .push-by-eleven{left:660px}.container .push-by-twelve{left:720px}.container .push-by-thirteen{left:780px}.container .push-by-fourteen{left:840px}.container .push-by-fifteen{left:900px}@media only screen and (max-width:959px){.container{width:768px}.container .one{width:28px}.container .two{width:76px}.container .three{width:124px}.container .four{width:172px}.container .five{width:220px}.container .six{width:268px}.container .seven{width:316px}.container .eight{width:364px}.container .nine{width:412px}.container .ten{width:460px}.container .eleven{width:508px}.container .twelve{width:556px}.container .thirteen{width:604px}.container .fourteen{width:652px}.container .fifteen{width:700px}.container .sixteen{width:748px}.container .one-third{width:236px}.container .two-thirds{width:492px}.container .one-half{width:364px}.container .one-quarter{width:172px}.container .three-quarters{width:556px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}.container .pull-by-one{left:-48px}.container .pull-by-two{left:-96px}.container .pull-by-three{left:-144px}.container .pull-by-four{left:-192px}.container .pull-by-five{left:-240px}.container .pull-by-six{left:-288px}.container .pull-by-seven{left:-336px}.container .pull-by-eight{left:-384px}.container .pull-by-nine{left:-432px}.container .pull-by-ten{left:-480px}.container .pull-by-eleven{left:-528px}.container .pull-by-twelve{left:-576px}.container .pull-by-thirteen{left:-624px}.container .pull-by-fourteen{left:-672px}.container .pull-by-fifteen{left:-720px}.container .push-by-one{left:48px}.container .push-by-two{left:96px}.container .push-by-three{left:144px}.container .push-by-four{left:192px}.container .push-by-five{left:240px}.container .push-by-six{left:288px}.container .push-by-seven{left:336px}.container .push-by-eight{left:384px}.container .push-by-nine{left:432px}.container .push-by-ten{left:480px}.container .push-by-eleven{left:528px}.container .push-by-twelve{left:576px}.container .push-by-thirteen{left:624px}.container .push-by-fourteen{left:672px}.container .push-by-fifteen{left:720px}.container{width:768px}.container .alpha{margin-right:10px}.container .omega{margin-left:10px}}@media only screen and (max-width:767px){.container{width:90%}.container .one,.container .two,.container .three,.container .four,.container .five,.container .six,.container .seven,.container .eight,.container .nine,.container .ten,.container .eleven,.container .twelve,.container .thirteen,.container .fourteen,.container .fifteen,.container .sixteen,.container .one-third,.container .two-thirds,.container .one-half,.container .one-quarter,.container .three-quarters{width:100%}.container .column,.container .columns{margin:0}.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:46px;line-height:69px;margin:0 0 14px}h2{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:35px;line-height:52.5px;margin:0 0 10px}h3{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:28px;line-height:42px;margin:0 0 8px}h4{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:21px;line-height:31.5px;margin:0 0 4px}h5{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:17px;line-height:25.5px}h6{color:#181818;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:14px;line-height:21px}.subheader{color:#777}p{margin:0 0 20px;line-height:21px}p img{margin:0}.lead{font-size:21px;line-height:31.5px;color:#777}em{font-style:italic}strong{font-weight:700;color:#333}small{font-size:80%}blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}blockquote cite{display:block;font-size:12px;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}a,a:visited{color:#333;text-decoration:underline}a:hover,a:focus{color:#000;text-decoration:none;outline:0}p a,p a:visited{line-height:inherit}ul,ol{margin:0 0 20px}ul{list-style:none outside}ol{list-style:decimal}ol,ul.square,ul.circle,ul.disc{margin:0 0 0 10px}ul.square{list-style:square outside}ul.circle{list-style:circle outside}ul.disc{list-style:disc outside}ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}li{line-height:18px;margin:0 0 12px}.large li{line-height:21px}li p{line-height:21px}.button,button,input[type=submit],input[type=reset],input[type=button]{background-color:#ccc;background-color:rgba(153,153,153,.2);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-moz-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-o-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,.2));background-repeat:repeat-x;border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;margin:0 0 20px;line-height:normal;padding:8px 10px;font-family:HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:#ccc;background-color:rgba(153,153,153,.3);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(0,0,0,.3)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(0,0,0,.3));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(0,0,0,.3));background-repeat:repeat-x;color:#222;border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:#ccc;background-color:rgba(153,153,153,.2);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-moz-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:-o-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(0,0,0,.2));background-repeat:repeat-x;border:1px solid #666}.button .full-width,button.full-width,input[type=submit].full-width,input[type=reset].full-width,input[type=button].full-width{width:100%;padding-left:0;padding-right:0;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}form{margin:0 0 20px}fieldset{margin:0 0 20px}input[type=search],input[type=url]{-webkit-appearance:textfield;-moz-appearance:textfield}input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=number],input[type=tel],textarea,select{border:1px solid #ccc;padding:6px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font:13px HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;width:210px;max-width:100%;display:block;margin:0 0 20px;background:#fff}select{padding:10px;width:220px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{border:1px solid #aaa;color:#444;outline:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{display:block;font-weight:700;font-size:13px}input[type=checkbox]{display:inline}label span,legend span{font-weight:400;font-size:13px;color:#444}.scale-with-grid{max-width:100%;height:auto}table{max-width:100%;background:#fff;border-collapse:collapse;border-spacing:0;width:100%;margin:10px 0}table th,table td{padding:8px;line-height:21px;text-align:left;vertical-align:top;border-top:1px solid #ccc}table th{font-weight:700}table thead th{vertical-align:bottom}table caption thead tr:first-child th,table caption thead tr:first-child td,table colgroup thead tr:first-child th,table colgroup thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}table tbody tbody{border-top:2px solid #ccc}table table{background:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ccc;border-collapse:separate;border-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.table-bordered th,.table-bordered td{border-left:1px solid #ccc}.table-bordered caption thead tr:first-child th,.table-bordered caption tbody tr:first-child th,.table-bordered caption tbody tr:first-child td,.table-bordered colgroup thead tr:first-child th,.table-bordered colgroup tbody tr:first-child th,.table-bordered colgroup tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px}.table-bordered tfoot tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.table-bordered tfoot tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.table-bordered caption thead tr:first-child th:first-child,.table-bordered caption tbody tr:first-child td:first-child,.table-bordered colgroup thead tr:first-child th:first-child,.table-bordered colgroup tbody tr:first-child td:first-child{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px}.table-bordered caption thead tr:first-child th:last-child,.table-bordered caption tbody tr:first-child td:last-child,.table-bordered colgroup thead tr:first-child th:last-child,.table-bordered colgroup tbody tr:first-child td:last-child{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#efefef}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#999}
\ No newline at end of file
diff --git a/component.json b/component.json
index b12528c..a5e73de 100644
--- a/component.json
+++ b/component.json
@@ -1,6 +1,6 @@
{
"name": "Ribs",
- "version": "1.0.8",
+ "version": "1.0.9",
"main": "build/css/Ribs.css",
"ignore": [
"**/.*",
diff --git a/docs/Ribs.html b/docs/Ribs.html
index c8309d5..f67fd13 100644
--- a/docs/Ribs.html
+++ b/docs/Ribs.html
@@ -1,5 +1,5 @@
Ribs | Ribs
- Ribs
+
Ribs
Skeleton is Copyright 2011, Dave Gamache
Ribs is the evolution of Skeleton by Nick Pack
diff --git a/docs/forms.html b/docs/forms.html
index f96849e..3b0006d 100644
--- a/docs/forms.html
+++ b/docs/forms.html
@@ -1,5 +1,5 @@
forms | Ribs
-
+
Normal
Hover
Active
diff --git a/docs/grid.html b/docs/grid.html
index c9ffbca..5092a43 100644
--- a/docs/grid.html
+++ b/docs/grid.html
@@ -1,5 +1,5 @@
grid | Ribs
- Grid System
+
Grid System
One
Eleven
Two
diff --git a/docs/images.html b/docs/images.html
index 1e80ee3..27558d0 100644
--- a/docs/images.html
+++ b/docs/images.html
@@ -1,5 +1,5 @@
images | Ribs
- Images
+
Images
Scale an image in line with the responsive grid
.scale-with-grid {
diff --git a/docs/index.html b/docs/index.html
index 7364770..2f09b81 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,5 @@
Ribs
- Ribs v1.0.8
+
Ribs v1.0.9
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.
@@ -42,6 +42,7 @@ Then following that, from the root dir of this project, run
npm installYou should be good to go.
Changelog
+Oct 15, 2013 - (v1.0.9) Default flag added to variables - Thanks to Ivo Bathke (@ivoba)
Oct 10, 2013 - (v1.0.8) Initial inline documentation, styledocco based docs generation, fixed breakpoint oversight on media queries for tablet and mobile
Oct 10, 2013 - (v1.0.7) Documented the differences between the original skeleton project and Ribs, Updated normalize to 2.1.3
Aug 7, 2013 - (v1.0.6) Some additional variables, grid push and pull
@@ -57,6 +58,7 @@ Then following that, from the root dir of this project, run npm installContributers
Nick Pack
+Ivo Bathke
Matthew Copeland
Miles Z. Sterrett
AtomicPages LLC
diff --git a/docs/links.html b/docs/links.html
index 3eaa8c8..db11c72 100644
--- a/docs/links.html
+++ b/docs/links.html
@@ -1,5 +1,5 @@
links | Ribs
- Links
+
a, a:visited {
color: $link_colour;
text-decoration: $link_decoration;
diff --git a/docs/lists.html b/docs/lists.html
index 51b4c12..4aa90d8 100644
--- a/docs/lists.html
+++ b/docs/lists.html
@@ -1,5 +1,5 @@
lists | Ribs
- Lists
+
ul, ol {
margin: $list_margin;
}
diff --git a/docs/mixins.html b/docs/mixins.html
index 367d058..ebf02d1 100644
--- a/docs/mixins.html
+++ b/docs/mixins.html
@@ -1,5 +1,5 @@
mixins | Ribs
-
+
@mixin button_border($rightbottom, $topleft) {
border: $rightbottom;
border-top: $topleft;
diff --git a/docs/normalize-normalize.html b/docs/normalize-normalize.html
index 597912e..4b3cf55 100644
--- a/docs/normalize-normalize.html
+++ b/docs/normalize-normalize.html
@@ -1,5 +1,5 @@
normalize | Ribs
- ! normalize.css v2.1.3 | MIT License | git.io/normalize
+
! normalize.css v2.1.3 | MIT License | git.io/normalize
==========================================================================
HTML5 display definitions
diff --git a/docs/tables.html b/docs/tables.html
index 4721996..5eca564 100644
--- a/docs/tables.html
+++ b/docs/tables.html
@@ -1,5 +1,5 @@
tables | Ribs
- Tables
+
Tables
The majority of concepts here are shamelessly borrowed from Bootstrap and amended to fit
https://raw.github.com/twitter/bootstrap/master/less/tables.less
diff --git a/docs/typography.html b/docs/typography.html
index 2becd26..4786bd1 100644
--- a/docs/typography.html
+++ b/docs/typography.html
@@ -1,5 +1,5 @@
typography | Ribs
- Typography
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
diff --git a/docs/variables.html b/docs/variables.html
index 772d1eb..f6f0efa 100644
--- a/docs/variables.html
+++ b/docs/variables.html
@@ -1,14 +1,14 @@
variables | Ribs
- $gutter: 20px;
-$column-count: 16;
-$desktop-container-width: 960px;
-$tablet-container-width: 768px;
-$mobile-container-width: 90%;
-$mobile-column-width: 100%;
-$base_font_size: 14px;
Breakpoint max widths - you probably dont need to change these
-
$tablet-max-breakpoint: $desktop-container-width - 1;
-$mobile-max-breakpoint: $tablet-container-width - 1;
+
$gutter: 20px !default;
+$column-count: 16 !default;
+$desktop-container-width: 960px !default;
+$tablet-container-width: 768px !default;
+$mobile-container-width: 90% !default;
+$mobile-column-width: 100% !default;
+$base_font_size: 14px !default;
Breakpoint max widths - you probably dont need to change these
+
$tablet-max-breakpoint: $desktop-container-width - 1 !default;
+$mobile-max-breakpoint: $tablet-container-width - 1 !default;
@@ -18,140 +18,140 @@ $mobile-max-breakpoint: $tablet-container-width - 1;
select
fieldset/label/legend
Textarea
-$form_element_font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
$form_element_font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$form_button_border_radius: 3px;
-$form_button_border_topleft: 1px solid #ccc;
-$form_button_border_rightbottom: 1px solid #aaa;
-$form_button_text_colour: #444;
-$form_button_text_shadow: 0 1px rgba(255, 255, 255, .75);
-$form_button_gradient_start: rgba(255, 255, 255, .2);
-$form_button_gradient_end: rgba(0, 0, 0, .2);
-$form_button_font_size: 11px;
-$form_button_padding: 8px 10px;
-$form_button_line_height: normal;
+$form_button_border_radius: 3px !default;
+$form_button_border_topleft: 1px solid #ccc !default;
+$form_button_border_rightbottom: 1px solid #aaa !default;
+$form_button_text_colour: #444 !default;
+$form_button_text_shadow: 0 1px rgba(255, 255, 255, .75) !default;
+$form_button_gradient_start: rgba(255, 255, 255, .2) !default;
+$form_button_gradient_end: rgba(0, 0, 0, .2) !default;
+$form_button_font_size: 11px !default;
+$form_button_padding: 8px 10px !default;
+$form_button_line_height: normal !default;
-$form_button_hover_border_topleft: 1px solid #aaa;
-$form_button_hover_border_rightbottom: 1px solid #888;
-$form_button_hover_gradient_start: rgba(255, 255, 255, .3);
-$form_button_hover_gradient_end: rgba(0, 0, 0, .3);
-$form_button_hover_text_colour: #222;
+$form_button_hover_border_topleft: 1px solid #aaa !default;
+$form_button_hover_border_rightbottom: 1px solid #888 !default;
+$form_button_hover_gradient_start: rgba(255, 255, 255, .3) !default;
+$form_button_hover_gradient_end: rgba(0, 0, 0, .3) !default;
+$form_button_hover_text_colour: #222 !default;
-$form_button_active_border: 1px solid #666;
-$form_button_active_gradient_start: rgba(255, 255, 255, .2);
-$form_button_active_gradient_end: rgba(0, 0, 0, .2);
+$form_button_active_border: 1px solid #666 !default;
+$form_button_active_gradient_start: rgba(255, 255, 255, .2) !default;
+$form_button_active_gradient_end: rgba(0, 0, 0, .2) !default;
-$form_input_border: 1px solid #ccc;
-$form_input_text_colour: #777;
-$form_input_background: #fff;
-$form_input_padding: 6px 4px;
-$form_input_width: 210px;
-$form_input_max_width: 100%;
-$form_input_select_width: 220px;
-$form_input_margin: 0 0 20px 0;
-$form_input_font_size: 13px;
-$form_input_border_radius: 2px;
+$form_input_border: 1px solid #ccc !default;
+$form_input_text_colour: #777 !default;
+$form_input_background: #fff !default;
+$form_input_padding: 6px 4px !default;
+$form_input_width: 210px !default;
+$form_input_max_width: 100% !default;
+$form_input_select_width: 220px !default;
+$form_input_margin: 0 0 20px 0 !default;
+$form_input_font_size: 13px !default;
+$form_input_border_radius: 2px !default;
-$form_input_checkbox_display: inline;
+$form_input_checkbox_display: inline !default;
-$form_input_focus_border: 1px solid #aaa;
-$form_input_focus_text_colour: #444;
-$form_input_focus_outline: none;
-$form_input_focus_box_shadow_x: 0;
-$form_input_focus_box_shadow_y: 0;
-$form_input_focus_box_shadow_blur: 3px;
-$form_input_focus_box_shadow_colour: rgba(0, 0, 0, .2);
+$form_input_focus_border: 1px solid #aaa !default;
+$form_input_focus_text_colour: #444 !default;
+$form_input_focus_outline: none !default;
+$form_input_focus_box_shadow_x: 0 !default;
+$form_input_focus_box_shadow_y: 0 !default;
+$form_input_focus_box_shadow_blur: 3px !default;
+$form_input_focus_box_shadow_colour: rgba(0, 0, 0, .2) !default;
-$form_input_select_padding: 10px;
+$form_input_select_padding: 10px !default;
-$form_label_legend_colour: #444;
-$form_label_legend_font_weight: normal;
-$form_fieldset_margin: 0 0 20px 0;
+$form_label_legend_colour: #444 !default;
+$form_label_legend_font_weight: normal !default;
+$form_fieldset_margin: 0 0 20px 0 !default;
-$legend_font_weight: bold;
-$legend_font_size: $form_input_font_size;
+$legend_font_weight: bold !default;
+$legend_font_size: $form_input_font_size !default;
-$form_textarea_min_height: 60px;
$link_colour: #333;
-$link_decoration: underline;
-$link_outline: 0;
-$link_hover_colour: #000;
-$link_hover_decoration: none;
$heading_font: "Georgia", "Times New Roman", serif;
-$heading_font_weight: normal;
-$heading_colour: #181818;
+$form_textarea_min_height: 60px !default;
$link_colour: #333 !default;
+$link_decoration: underline !default;
+$link_outline: 0 !default;
+$link_hover_colour: #000 !default;
+$link_hover_decoration: none !default;
$heading_font: "Georgia", "Times New Roman", serif !default;
+$heading_font_weight: normal !default;
+$heading_colour: #181818 !default;
-$heading1_font_size: 46px;
-$heading1_line_height: $heading1_font_size * 1.5;
-$heading1_margin: 0 0 14px 0;
+$heading1_font_size: 46px !default;
+$heading1_line_height: $heading1_font_size * 1.5 !default;
+$heading1_margin: 0 0 14px 0 !default;
-$heading2_font_size: 35px;
-$heading2_line_height: $heading2_font_size * 1.5;
-$heading2_margin: 0 0 10px 0;
+$heading2_font_size: 35px !default;
+$heading2_line_height: $heading2_font_size * 1.5 !default;
+$heading2_margin: 0 0 10px 0 !default;
-$heading3_font_size: 28px;
-$heading3_line_height: $heading3_font_size * 1.5;
-$heading3_margin: 0 0 8px 0;
+$heading3_font_size: 28px !default;
+$heading3_line_height: $heading3_font_size * 1.5 !default;
+$heading3_margin: 0 0 8px 0 !default;
-$heading4_font_size: 21px;
-$heading4_line_height: $heading4_font_size * 1.5;
-$heading4_margin: 0 0 4px 0;
+$heading4_font_size: 21px !default;
+$heading4_line_height: $heading4_font_size * 1.5 !default;
+$heading4_margin: 0 0 4px 0 !default;
-$heading5_font_size: 17px;
-$heading5_line_height: $heading5_font_size * 1.5;
+$heading5_font_size: 17px !default;
+$heading5_line_height: $heading5_font_size * 1.5 !default;
-$heading6_font_size: 14px;
-$heading6_line_height: $heading6_font_size * 1.5;
$paragraph_margin: 0 0 20px 0;
-$paragraph_image_margin: 0;
-$paragraph_line_height: $base_font_size * 1.5;
+$heading6_font_size: 14px !default;
+$heading6_line_height: $heading6_font_size * 1.5 !default;
$subheader_colour: #777 !default;
$paragraph_margin: 0 0 20px 0 !default;
+$paragraph_image_margin: 0 !default;
+$paragraph_line_height: $base_font_size * 1.5 !default;
-$paragraph_lead_font_size: 21px;
-$paragraph_lead_line_height: $paragraph_lead_font_size * 1.5;
-$paragraph_lead_colour: #777;
$em_font_style: italic;
+$paragraph_lead_font_size: 21px !default;
+$paragraph_lead_line_height: $paragraph_lead_font_size * 1.5 !default;
+$paragraph_lead_colour: #777 !default;
$em_font_style: italic !default;
-$small_font_size: 80%;
+$small_font_size: 80% !default;
-$strong_colour: #333;
$blockquote_colour: #777;
-$blockquote_border_left: 1px solid #ddd;
-$blockquote_cite_colour: #555;
-$blockquote_cite_link_colour: #555;
-$blockquote_cite_font_size: 12px;
-$blockquote_margin: 0 0 20px;
-$blockquote_padding: 9px 20px 0 19px;
-$blockquote_font_size: 17px;
-$blockquote_line_height: 24px;
-$blockquote_font_style: italic;
$hr_border: solid #ddd;
-$hr_border_width: 1px 0 0;
-$hr_margin: 10px 0 30px;
$body_font_family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
$list_margin: 0 0 20px 0;
-$list_large_line_height: 21px;
+$strong_colour: #333 !default;
$blockquote_colour: #777 !default;
+$blockquote_border_left: 1px solid #ddd !default;
+$blockquote_cite_colour: #555 !default;
+$blockquote_cite_link_colour: #555 !default;
+$blockquote_cite_font_size: 12px !default;
+$blockquote_margin: 0 0 20px !default;
+$blockquote_padding: 9px 20px 0 19px !default;
+$blockquote_font_size: 17px !default;
+$blockquote_line_height: 24px !default;
+$blockquote_font_style: italic !default;
$hr_border: solid #ddd !default;
+$hr_border_width: 1px 0 0 !default;
+$hr_margin: 10px 0 30px !default;
$body_font_family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$list_margin: 0 0 20px 0 !default;
+$list_large_line_height: 21px !default;
-$ul_list_style: none outside;
-$ol_list_style: decimal;
+$ul_list_style: none outside !default;
+$ol_list_style: decimal !default;
-$list_styled_margin: 0 0 0 10px; // ul, ol with disc, square etc.
-$list_styled_position: outside; // List item bullet position
+$list_styled_margin: 0 0 0 10px !default; // ul, ol with disc, square etc.
+$list_styled_position: outside !default; // List item bullet position
-$nested_list_margin: 4px 0 5px 30px;
-$nested_list_font_size: 90%;
+$nested_list_margin: 4px 0 5px 30px !default;
+$nested_list_font_size: 90% !default;
-$list_item_line_height: 18px;
-$list_item_margin: 0 0 12px 0;
-$list_item_paragraph_line_height: 21px;
+$list_item_line_height: 18px !default;
+$list_item_margin: 0 0 12px 0 !default;
+$list_item_paragraph_line_height: 21px !default;
-$fallback_hex_gradient_bg: #CCC;
$table_background: #FFF;
-$table_margin: 10px 0;
-$table_td_th_padding: 8px;
-$table_td_th_line_height: 21px;
-$table_border_colour: #CCC;
-$table_border_radius: 3px;
-$table_alt_colour: #EFEFEF;
-$table_hover_colour: #999;
-$table_condensed_padding: 4px 5px;
+$fallback_hex_gradient_bg: #CCC !default;
$table_background: #FFF !default;
+$table_margin: 10px 0 !default;
+$table_td_th_padding: 8px !default;
+$table_td_th_line_height: 21px !default;
+$table_border_colour: #CCC !default;
+$table_border_radius: 3px !default;
+$table_alt_colour: #EFEFEF !default;
+$table_hover_colour: #999 !default;
+$table_condensed_padding: 4px 5px !default;
diff --git a/package.json b/package.json
index 20aa89a..e8c63b5 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "Ribs",
"title": "Ribs",
"description": "The evolution of Skeleton: A Beautiful Boilerplate for Responsive, Mobile-Friendly Development.",
- "version": "1.0.8",
+ "version": "1.0.9",
"homepage": "https://github.com/nickpack/Ribs",
"author": {
"name": "Nick Pack",
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 3b80d17..e0f758f 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,182 +1,182 @@
// #Grid System Variables
-$gutter: 20px;
-$column-count: 16;
-$desktop-container-width: 960px;
-$tablet-container-width: 768px;
-$mobile-container-width: 90%;
-$mobile-column-width: 100%;
-$base_font_size: 14px;
+$gutter: 20px !default;
+$column-count: 16 !default;
+$desktop-container-width: 960px !default;
+$tablet-container-width: 768px !default;
+$mobile-container-width: 90% !default;
+$mobile-column-width: 100% !default;
+$base_font_size: 14px !default;
// #Breakpoint max widths - you probably dont need to change these
-$tablet-max-breakpoint: $desktop-container-width - 1;
-$mobile-max-breakpoint: $tablet-container-width - 1;
+$tablet-max-breakpoint: $desktop-container-width - 1 !default;
+$mobile-max-breakpoint: $tablet-container-width - 1 !default;
// #Form Variables
-$form_element_font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$form_element_font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
// ##button
-$form_button_border_radius: 3px;
-$form_button_border_topleft: 1px solid #ccc;
-$form_button_border_rightbottom: 1px solid #aaa;
-$form_button_text_colour: #444;
-$form_button_text_shadow: 0 1px rgba(255, 255, 255, .75);
-$form_button_gradient_start: rgba(255, 255, 255, .2);
-$form_button_gradient_end: rgba(0, 0, 0, .2);
-$form_button_font_size: 11px;
-$form_button_padding: 8px 10px;
-$form_button_line_height: normal;
+$form_button_border_radius: 3px !default;
+$form_button_border_topleft: 1px solid #ccc !default;
+$form_button_border_rightbottom: 1px solid #aaa !default;
+$form_button_text_colour: #444 !default;
+$form_button_text_shadow: 0 1px rgba(255, 255, 255, .75) !default;
+$form_button_gradient_start: rgba(255, 255, 255, .2) !default;
+$form_button_gradient_end: rgba(0, 0, 0, .2) !default;
+$form_button_font_size: 11px !default;
+$form_button_padding: 8px 10px !default;
+$form_button_line_height: normal !default;
// ##button hover
-$form_button_hover_border_topleft: 1px solid #aaa;
-$form_button_hover_border_rightbottom: 1px solid #888;
-$form_button_hover_gradient_start: rgba(255, 255, 255, .3);
-$form_button_hover_gradient_end: rgba(0, 0, 0, .3);
-$form_button_hover_text_colour: #222;
+$form_button_hover_border_topleft: 1px solid #aaa !default;
+$form_button_hover_border_rightbottom: 1px solid #888 !default;
+$form_button_hover_gradient_start: rgba(255, 255, 255, .3) !default;
+$form_button_hover_gradient_end: rgba(0, 0, 0, .3) !default;
+$form_button_hover_text_colour: #222 !default;
// ##Button active
-$form_button_active_border: 1px solid #666;
-$form_button_active_gradient_start: rgba(255, 255, 255, .2);
-$form_button_active_gradient_end: rgba(0, 0, 0, .2);
+$form_button_active_border: 1px solid #666 !default;
+$form_button_active_gradient_start: rgba(255, 255, 255, .2) !default;
+$form_button_active_gradient_end: rgba(0, 0, 0, .2) !default;
// ##Form input
-$form_input_border: 1px solid #ccc;
-$form_input_text_colour: #777;
-$form_input_background: #fff;
-$form_input_padding: 6px 4px;
-$form_input_width: 210px;
-$form_input_max_width: 100%;
-$form_input_select_width: 220px;
-$form_input_margin: 0 0 20px 0;
-$form_input_font_size: 13px;
-$form_input_border_radius: 2px;
+$form_input_border: 1px solid #ccc !default;
+$form_input_text_colour: #777 !default;
+$form_input_background: #fff !default;
+$form_input_padding: 6px 4px !default;
+$form_input_width: 210px !default;
+$form_input_max_width: 100% !default;
+$form_input_select_width: 220px !default;
+$form_input_margin: 0 0 20px 0 !default;
+$form_input_font_size: 13px !default;
+$form_input_border_radius: 2px !default;
// ##Form checkbox
-$form_input_checkbox_display: inline;
+$form_input_checkbox_display: inline !default;
// ##Form input focus
-$form_input_focus_border: 1px solid #aaa;
-$form_input_focus_text_colour: #444;
-$form_input_focus_outline: none;
-$form_input_focus_box_shadow_x: 0;
-$form_input_focus_box_shadow_y: 0;
-$form_input_focus_box_shadow_blur: 3px;
-$form_input_focus_box_shadow_colour: rgba(0, 0, 0, .2);
+$form_input_focus_border: 1px solid #aaa !default;
+$form_input_focus_text_colour: #444 !default;
+$form_input_focus_outline: none !default;
+$form_input_focus_box_shadow_x: 0 !default;
+$form_input_focus_box_shadow_y: 0 !default;
+$form_input_focus_box_shadow_blur: 3px !default;
+$form_input_focus_box_shadow_colour: rgba(0, 0, 0, .2) !default;
// ##select
-$form_input_select_padding: 10px;
+$form_input_select_padding: 10px !default;
// ##fieldset/label/legend
-$form_label_legend_colour: #444;
-$form_label_legend_font_weight: normal;
-$form_fieldset_margin: 0 0 20px 0;
+$form_label_legend_colour: #444 !default;
+$form_label_legend_font_weight: normal !default;
+$form_fieldset_margin: 0 0 20px 0 !default;
-$legend_font_weight: bold;
-$legend_font_size: $form_input_font_size;
+$legend_font_weight: bold !default;
+$legend_font_size: $form_input_font_size !default;
// ##Textarea
-$form_textarea_min_height: 60px;
+$form_textarea_min_height: 60px !default;
// #Links
-$link_colour: #333;
-$link_decoration: underline;
-$link_outline: 0;
-$link_hover_colour: #000;
-$link_hover_decoration: none;
+$link_colour: #333 !default;
+$link_decoration: underline !default;
+$link_outline: 0 !default;
+$link_hover_colour: #000 !default;
+$link_hover_decoration: none !default;
// #Headings
-$heading_font: "Georgia", "Times New Roman", serif;
-$heading_font_weight: normal;
-$heading_colour: #181818;
+$heading_font: "Georgia", "Times New Roman", serif !default;
+$heading_font_weight: normal !default;
+$heading_colour: #181818 !default;
-$heading1_font_size: 46px;
-$heading1_line_height: $heading1_font_size * 1.5;
-$heading1_margin: 0 0 14px 0;
+$heading1_font_size: 46px !default;
+$heading1_line_height: $heading1_font_size * 1.5 !default;
+$heading1_margin: 0 0 14px 0 !default;
-$heading2_font_size: 35px;
-$heading2_line_height: $heading2_font_size * 1.5;
-$heading2_margin: 0 0 10px 0;
+$heading2_font_size: 35px !default;
+$heading2_line_height: $heading2_font_size * 1.5 !default;
+$heading2_margin: 0 0 10px 0 !default;
-$heading3_font_size: 28px;
-$heading3_line_height: $heading3_font_size * 1.5;
-$heading3_margin: 0 0 8px 0;
+$heading3_font_size: 28px !default;
+$heading3_line_height: $heading3_font_size * 1.5 !default;
+$heading3_margin: 0 0 8px 0 !default;
-$heading4_font_size: 21px;
-$heading4_line_height: $heading4_font_size * 1.5;
-$heading4_margin: 0 0 4px 0;
+$heading4_font_size: 21px !default;
+$heading4_line_height: $heading4_font_size * 1.5 !default;
+$heading4_margin: 0 0 4px 0 !default;
-$heading5_font_size: 17px;
-$heading5_line_height: $heading5_font_size * 1.5;
+$heading5_font_size: 17px !default;
+$heading5_line_height: $heading5_font_size * 1.5 !default;
-$heading6_font_size: 14px;
-$heading6_line_height: $heading6_font_size * 1.5;
+$heading6_font_size: 14px !default;
+$heading6_line_height: $heading6_font_size * 1.5 !default;
// #Subheading
-$subheader_colour: #777;
+$subheader_colour: #777 !default;
// #Paragraphs
-$paragraph_margin: 0 0 20px 0;
-$paragraph_image_margin: 0;
-$paragraph_line_height: $base_font_size * 1.5;
+$paragraph_margin: 0 0 20px 0 !default;
+$paragraph_image_margin: 0 !default;
+$paragraph_line_height: $base_font_size * 1.5 !default;
-$paragraph_lead_font_size: 21px;
-$paragraph_lead_line_height: $paragraph_lead_font_size * 1.5;
-$paragraph_lead_colour: #777;
+$paragraph_lead_font_size: 21px !default;
+$paragraph_lead_line_height: $paragraph_lead_font_size * 1.5 !default;
+$paragraph_lead_colour: #777 !default;
// #General Text
-$em_font_style: italic;
+$em_font_style: italic !default;
-$small_font_size: 80%;
+$small_font_size: 80% !default;
-$strong_colour: #333;
+$strong_colour: #333 !default;
// #Blockquotes
-$blockquote_colour: #777;
-$blockquote_border_left: 1px solid #ddd;
-$blockquote_cite_colour: #555;
-$blockquote_cite_link_colour: #555;
-$blockquote_cite_font_size: 12px;
-$blockquote_margin: 0 0 20px;
-$blockquote_padding: 9px 20px 0 19px;
-$blockquote_font_size: 17px;
-$blockquote_line_height: 24px;
-$blockquote_font_style: italic;
+$blockquote_colour: #777 !default;
+$blockquote_border_left: 1px solid #ddd !default;
+$blockquote_cite_colour: #555 !default;
+$blockquote_cite_link_colour: #555 !default;
+$blockquote_cite_font_size: 12px !default;
+$blockquote_margin: 0 0 20px !default;
+$blockquote_padding: 9px 20px 0 19px !default;
+$blockquote_font_size: 17px !default;
+$blockquote_line_height: 24px !default;
+$blockquote_font_style: italic !default;
// #Horizontal rules
-$hr_border: solid #ddd;
-$hr_border_width: 1px 0 0;
-$hr_margin: 10px 0 30px;
+$hr_border: solid #ddd !default;
+$hr_border_width: 1px 0 0 !default;
+$hr_margin: 10px 0 30px !default;
// #Main font
-$body_font_family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$body_font_family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
// #Lists
-$list_margin: 0 0 20px 0;
-$list_large_line_height: 21px;
+$list_margin: 0 0 20px 0 !default;
+$list_large_line_height: 21px !default;
-$ul_list_style: none outside;
-$ol_list_style: decimal;
+$ul_list_style: none outside !default;
+$ol_list_style: decimal !default;
-$list_styled_margin: 0 0 0 10px; // ul, ol with disc, square etc.
-$list_styled_position: outside; // List item bullet position
+$list_styled_margin: 0 0 0 10px !default; // ul, ol with disc, square etc.
+$list_styled_position: outside !default; // List item bullet position
-$nested_list_margin: 4px 0 5px 30px;
-$nested_list_font_size: 90%;
+$nested_list_margin: 4px 0 5px 30px !default;
+$nested_list_font_size: 90% !default;
-$list_item_line_height: 18px;
-$list_item_margin: 0 0 12px 0;
-$list_item_paragraph_line_height: 21px;
+$list_item_line_height: 18px !default;
+$list_item_margin: 0 0 12px 0 !default;
+$list_item_paragraph_line_height: 21px !default;
-$fallback_hex_gradient_bg: #CCC;
+$fallback_hex_gradient_bg: #CCC !default;
// #Tables
-$table_background: #FFF;
-$table_margin: 10px 0;
-$table_td_th_padding: 8px;
-$table_td_th_line_height: 21px;
-$table_border_colour: #CCC;
-$table_border_radius: 3px;
-$table_alt_colour: #EFEFEF;
-$table_hover_colour: #999;
-$table_condensed_padding: 4px 5px;
+$table_background: #FFF !default;
+$table_margin: 10px 0 !default;
+$table_td_th_padding: 8px !default;
+$table_td_th_line_height: 21px !default;
+$table_border_colour: #CCC !default;
+$table_border_radius: 3px !default;
+$table_alt_colour: #EFEFEF !default;
+$table_hover_colour: #999 !default;
+$table_condensed_padding: 4px 5px !default;