github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Docs] Documentation for table mixins.

Browse Source
This commit is contained in:
Chris Eppstein 2010-04-30 09:39:46 -07:00
parent 62174e1a21
commit 866095e43e
16 changed files with 200 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc-src/content/examples/compass/tables/all.haml Normal file
View File

@ -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"

33
doc-src/content/examples/compass/tables/all/markup.haml Normal file
View File

@ -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

8
doc-src/content/examples/compass/tables/all/stylesheet.sass Normal file
View File

@ -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)

8
doc-src/content/examples/compass/tables/borders.haml Normal file
View File

@ -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"

33
doc-src/content/examples/compass/tables/borders/markup.haml Normal file
View File

@ -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

5
doc-src/content/examples/compass/tables/borders/stylesheet.sass Normal file
View File

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

8
doc-src/content/examples/compass/tables/scaffolding.haml Normal file
View File

@ -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"

33
doc-src/content/examples/compass/tables/scaffolding/markup.haml Normal file
View File

@ -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

4
doc-src/content/examples/compass/tables/scaffolding/stylesheet.sass Normal file
View File

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

8
doc-src/content/examples/compass/tables/striping.haml Normal file
View File

@ -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"

33
doc-src/content/examples/compass/tables/striping/markup.haml Normal file
View File

@ -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

5
doc-src/content/examples/compass/tables/striping/stylesheet.sass Normal file
View File

@ -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)

2
doc-src/content/reference/compass/utilities/tables.haml
View File

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

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

@ -1,15 +1,16 @@
---
title: Compass Alternating Rows and Columns
crumb: Alternating Rows And Columns
title: Compass Table Striping
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
Lorem ipsum dolor sit amet.
:markdown
Add striping to a table in both directions based on a few colors.

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

@ -1,15 +1,14 @@
---
title: Compass Borders
crumb: Borders
title: Compass Table 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
%p
Lorem ipsum dolor sit amet.
= render 'reference'

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

@ -1,10 +1,11 @@
---
title: Compass Scaffolding
crumb: Scaffolding
title: Compass Table 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.