Ribs
+Ribs
Copyright Information
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 3b0006d..6848d42 100644 --- a/docs/forms.html +++ b/docs/forms.html @@ -1,5 +1,5 @@
Buttons
+Buttons
Normal
Hover
Active
diff --git a/docs/grid.html b/docs/grid.html index 5092a43..703c21c 100644 --- a/docs/grid.html +++ b/docs/grid.html @@ -1,27 +1,26 @@Grid System
+Grid System
.container {
position: relative;
margin: 0 auto;
@@ -56,12 +55,6 @@
.container {
width: $tablet-container-width;
- & .alpha {
- margin-right: 10px;
- }
- & .omega {
- margin-left: 10px;
- }
}
}
Mobile Grid
Every column element in this grid is the total grid width
diff --git a/docs/images.html b/docs/images.html index 27558d0..0376990 100644 --- a/docs/images.html +++ b/docs/images.html @@ -1,5 +1,5 @@Images
+.scale-with-grid {
diff --git a/docs/index.html b/docs/index.html
index 2f09b81..1c13c35 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,5 @@
Ribs
- Ribs v1.0.9
+Ribs v1.0.10
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.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.
- 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
diff --git a/docs/links.html b/docs/links.html
index db11c72..92dc394 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 4aa90d8..5dbcfbc 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 ebf02d1..10bb4d4 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;
@@ -84,8 +84,8 @@
@mixin box-sizing($boxsize) {
-webkit-box-sizing: $boxsize;
-moz-box-sizing: $boxsize;
- -ms-box-sizing: $boxsize;
- -o-box-sizing: $boxsize;
+ -ms-box-sizing: $boxsize;
+ -o-box-sizing: $boxsize;
-khtml-box-sizing: $boxsize;
box-sizing: $boxsize;
}
@@ -162,37 +162,37 @@
.offset-by-fourteen { padding-left: $grid-column-width*14; }
.offset-by-fifteen { padding-left: $grid-column-width*15; }
- .pull-by-one { left: -$grid-column-width; }
- .pull-by-two { left: -$grid-column-width*2; }
- .pull-by-three { left: -$grid-column-width*3; }
- .pull-by-four { left: -$grid-column-width*4; }
- .pull-by-five { left: -$grid-column-width*5; }
- .pull-by-six { left: -$grid-column-width*6; }
- .pull-by-seven { left: -$grid-column-width*7; }
- .pull-by-eight { left: -$grid-column-width*8; }
- .pull-by-nine { left: -$grid-column-width*9; }
- .pull-by-ten { left: -$grid-column-width*10; }
- .pull-by-eleven { left: -$grid-column-width*11; }
- .pull-by-twelve { left: -$grid-column-width*12; }
- .pull-by-thirteen { left: -$grid-column-width*13; }
- .pull-by-fourteen { left: -$grid-column-width*14; }
- .pull-by-fifteen { left: -$grid-column-width*15; }
+ .pull-by-one { margin-left: -$grid-column-width; }
+ .pull-by-two { margin-left: -$grid-column-width*2; }
+ .pull-by-three { margin-left: -$grid-column-width*3; }
+ .pull-by-four { margin-left: -$grid-column-width*4; }
+ .pull-by-five { margin-left: -$grid-column-width*5; }
+ .pull-by-six { margin-left: -$grid-column-width*6; }
+ .pull-by-seven { margin-left: -$grid-column-width*7; }
+ .pull-by-eight { margin-left: -$grid-column-width*8; }
+ .pull-by-nine { margin-left: -$grid-column-width*9; }
+ .pull-by-ten { margin-left: -$grid-column-width*10; }
+ .pull-by-eleven { margin-left: -$grid-column-width*11; }
+ .pull-by-twelve { margin-left: -$grid-column-width*12; }
+ .pull-by-thirteen { margin-left: -$grid-column-width*13; }
+ .pull-by-fourteen { margin-left: -$grid-column-width*14; }
+ .pull-by-fifteen { margin-left: -$grid-column-width*15; }
- .push-by-one { left: $grid-column-width; }
- .push-by-two { left: $grid-column-width*2; }
- .push-by-three { left: $grid-column-width*3; }
- .push-by-four { left: $grid-column-width*4; }
- .push-by-five { left: $grid-column-width*5; }
- .push-by-six { left: $grid-column-width*6; }
- .push-by-seven { left: $grid-column-width*7; }
- .push-by-eight { left: $grid-column-width*8; }
- .push-by-nine { left: $grid-column-width*9; }
- .push-by-ten { left: $grid-column-width*10; }
- .push-by-eleven { left: $grid-column-width*11; }
- .push-by-twelve { left: $grid-column-width*12; }
- .push-by-thirteen { left: $grid-column-width*13; }
- .push-by-fourteen { left: $grid-column-width*14; }
- .push-by-fifteen { left: $grid-column-width*15; }
+ .push-by-one { margin-left: $grid-column-width; }
+ .push-by-two { margin-left: $grid-column-width*2; }
+ .push-by-three { margin-left: $grid-column-width*3; }
+ .push-by-four { margin-left: $grid-column-width*4; }
+ .push-by-five { margin-left: $grid-column-width*5; }
+ .push-by-six { margin-left: $grid-column-width*6; }
+ .push-by-seven { margin-left: $grid-column-width*7; }
+ .push-by-eight { margin-left: $grid-column-width*8; }
+ .push-by-nine { margin-left: $grid-column-width*9; }
+ .push-by-ten { margin-left: $grid-column-width*10; }
+ .push-by-eleven { margin-left: $grid-column-width*11; }
+ .push-by-twelve { margin-left: $grid-column-width*12; }
+ .push-by-thirteen { margin-left: $grid-column-width*13; }
+ .push-by-fourteen { margin-left: $grid-column-width*14; }
+ .push-by-fifteen { margin-left: $grid-column-width*15; }
}
}
@@ -206,11 +206,11 @@
}
@mixin visible {
- display: block !important;
+ display: block !important;
visibility: visible;
}
@mixin hidden {
- display: none !important;
+ display: none !important;
visibility: hidden;
}
diff --git a/docs/normalize-normalize.html b/docs/normalize-normalize.html
index 4b3cf55..d22b6d3 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
+ HTML5 display definitions
diff --git a/docs/tables.html b/docs/tables.html
index 5eca564..fb54a80 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 4786bd1..670ddd6 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 f6f0efa..f989a89 100644
--- a/docs/variables.html
+++ b/docs/variables.html
@@ -1,5 +1,5 @@
variables | Ribs
- Grid System Variables
+$gutter: 20px !default;
$column-count: 16 !default;
$desktop-container-width: 960px !default;
diff --git a/package.json b/package.json
index e8c63b5..3be4903 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.9",
+ "version": "1.0.10",
"homepage": "https://github.com/nickpack/Ribs",
"author": {
"name": "Nick Pack",