[Docs] Documentation for table mixins.

doc-src/content/examples/compass/tables/all.haml

@@ -0,0 +1,8 @@
+---
+title: Compass Table Example
+description: How to use the table mixins.
+framework: compass
+stylesheet: compass/utilities/_tables.scss
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/tables/all/markup.haml

@@ -0,0 +1,33 @@
+.example
+  %table{:cellspacing => "0"}
+    %thead
+      %tr.odd
+        %th Title
+        %th One
+        %th Two
+        %th Three
+        %th Four
+        %th Row Total
+    %tbody
+      %tr.even
+        %th Single
+        %td.numeric 1.0
+        %td.numeric 2.0
+        %td.numeric 3.0
+        %td.numeric 4.0
+        %td.numeric 10.0
+      %tr.odd
+        %th Tens
+        %td.numeric 10.0
+        %td.numeric 20.0
+        %td.numeric 30.0
+        %td.numeric 40.0
+        %td.numeric 100.0
+    %tfoot
+      %tr.even
+        %th Total
+        %td.numeric 11.0
+        %td.numeric 22.0
+        %td.numeric 33.0
+        %td.numeric 44.0
+        %td.numeric 110.0

doc-src/content/examples/compass/tables/all/stylesheet.sass

@@ -0,0 +1,8 @@
+@import "compass/utilities/tables"
+.example
+  table
+    $table-color : #7a98c6
+    +table-scaffolding
+    +inner-table-borders(1px, darken($table-color, 40%))
+    +outer-table-borders(2px)
+    +alternating-rows-and-columns($table-color, adjust-hue($table-color, -120deg), #222)

doc-src/content/examples/compass/tables/borders.haml

@@ -0,0 +1,8 @@
+---
+title: Compass Table Borders Example
+description: How to use the table border mixins.
+framework: compass
+stylesheet: compass/utilities/tables/_borders.scss
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/tables/borders/markup.haml

@@ -0,0 +1,33 @@
+.example
+  %table{:cellspacing => "0"}
+    %thead
+      %tr.odd
+        %th Title
+        %th One
+        %th Two
+        %th Three
+        %th Four
+        %th Row Total
+    %tbody
+      %tr.even
+        %th Single
+        %td.numeric 1.0
+        %td.numeric 2.0
+        %td.numeric 3.0
+        %td.numeric 4.0
+        %td.numeric 10.0
+      %tr.odd
+        %th Tens
+        %td.numeric 10.0
+        %td.numeric 20.0
+        %td.numeric 30.0
+        %td.numeric 40.0
+        %td.numeric 100.0
+    %tfoot
+      %tr.even
+        %th Total
+        %td.numeric 11.0
+        %td.numeric 22.0
+        %td.numeric 33.0
+        %td.numeric 44.0
+        %td.numeric 110.0

doc-src/content/examples/compass/tables/borders/stylesheet.sass

@@ -0,0 +1,5 @@
+@import "compass/utilities/tables/borders"
+.example
+  table
+    +inner-table-borders(1px, #7a98c6)
+    +outer-table-borders(2px)

doc-src/content/examples/compass/tables/scaffolding.haml

@@ -0,0 +1,8 @@
+---
+title: Compass Table Scaffolding Example
+description: How to use the table scaffolding mixins.
+framework: compass
+stylesheet: compass/utilities/tables/_scaffolding.scss
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/tables/scaffolding/markup.haml

@@ -0,0 +1,33 @@
+.example
+  %table{:cellspacing => "0"}
+    %thead
+      %tr.odd
+        %th Title
+        %th One
+        %th Two
+        %th Three
+        %th Four
+        %th Row Total
+    %tbody
+      %tr.even
+        %th Single
+        %td.numeric 1.0
+        %td.numeric 2.0
+        %td.numeric 3.0
+        %td.numeric 4.0
+        %td.numeric 10.0
+      %tr.odd
+        %th Tens
+        %td.numeric 10.0
+        %td.numeric 20.0
+        %td.numeric 30.0
+        %td.numeric 40.0
+        %td.numeric 100.0
+    %tfoot
+      %tr.even
+        %th Total
+        %td.numeric 11.0
+        %td.numeric 22.0
+        %td.numeric 33.0
+        %td.numeric 44.0
+        %td.numeric 110.0

doc-src/content/examples/compass/tables/scaffolding/stylesheet.sass

@@ -0,0 +1,4 @@
+@import "compass/utilities/tables/scaffolding"
+.example
+  table
+    +table-scaffolding

doc-src/content/examples/compass/tables/striping.haml

@@ -0,0 +1,8 @@
+---
+title: Compass Table Striping Example
+description: How to use the alternating-rows-and-columns mixin.
+framework: compass
+stylesheet: compass/utilities/tables/_alternating-rows-and-columns.scss
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/tables/striping/markup.haml

@@ -0,0 +1,33 @@
+.example
+  %table{:cellspacing => "0"}
+    %thead
+      %tr.odd
+        %th Title
+        %th One
+        %th Two
+        %th Three
+        %th Four
+        %th Row Total
+    %tbody
+      %tr.even
+        %th Single
+        %td.numeric 1.0
+        %td.numeric 2.0
+        %td.numeric 3.0
+        %td.numeric 4.0
+        %td.numeric 10.0
+      %tr.odd
+        %th Tens
+        %td.numeric 10.0
+        %td.numeric 20.0
+        %td.numeric 30.0
+        %td.numeric 40.0
+        %td.numeric 100.0
+    %tfoot
+      %tr.even
+        %th Total
+        %td.numeric 11.0
+        %td.numeric 22.0
+        %td.numeric 33.0
+        %td.numeric 44.0
+        %td.numeric 110.0

doc-src/content/examples/compass/tables/striping/stylesheet.sass

@@ -0,0 +1,5 @@
+@import "compass/utilities/tables/alternating-rows-and-columns"
+.example
+  table
+    $table-color : #7a98c6
+    +alternating-rows-and-columns($table-color, adjust-hue($table-color, -120deg), #222)

doc-src/content/reference/compass/utilities/tables.haml

@@ -13,4 +13,4 @@ classnames:
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Style helpers for your tables.

doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml

@@ -1,15 +1,16 @@
 --- 
-title: Compass Alternating Rows and Columns
+title: Compass Table Striping
-crumb: Alternating Rows And Columns
+crumb: Table Striping
 framework: compass
 stylesheet: compass/utilities/tables/_alternating-rows-and-columns.scss
 layout: core
 nav_stylesheet: compass/_utilities.scss
+meta_description: Add striping to a table.
 classnames:
   - reference
   - core
   - utilities
 ---
 - render 'reference' do
-  %p
+  :markdown
-    Lorem ipsum dolor sit amet.
+    Add striping to a table in both directions based on a few colors.

doc-src/content/reference/compass/utilities/tables/borders.haml

@@ -1,15 +1,14 @@
 --- 
-title: Compass Borders
+title: Compass Table Borders
-crumb: Borders
+crumb: Table Borders
 framework: compass
 stylesheet: compass/utilities/tables/_borders.scss
 layout: core
 nav_stylesheet: compass/_utilities.scss
+meta_description: Add borders to a table.
 classnames:
   - reference
   - core
   - utilities
 ---
-- render 'reference' do
+= render 'reference'
-  %p
-    Lorem ipsum dolor sit amet.

doc-src/content/reference/compass/utilities/tables/scaffolding.haml

@@ -1,10 +1,11 @@
 --- 
-title: Compass Scaffolding
+title: Compass Table Scaffolding
-crumb: Scaffolding
+crumb: Table Scaffolding
 framework: compass
 stylesheet: compass/utilities/tables/_scaffolding.scss
 layout: core
 nav_stylesheet: compass/_utilities.scss
+meta_description: Basic styling of tables to get you started.
 classnames:
   - reference
   - core
@@ -12,4 +13,4 @@ classnames:
 ---
 - render 'reference' do
   %p
-    Lorem ipsum dolor sit amet.
+    Basic styling of tables to get you started.