Added table

2 files changed, 54 insertions, 0 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index e1a6445..162a041 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -22,6 +22,7 @@ include objects/backdrop.pug
 include objects/dialog.pug
 include objects/lightbox.pug
 include objects/list-group.pug
+include objects/table.pug
 
 mixin box 
     +container(padX=true padY=true inPage=true)
@@ -596,4 +597,34 @@ html
                     +list-group-item(action=true)= 'Third item'
                     +list-group-item(action=true)= 'Fourth item'
 
+            //-----------------------------------------
+
+            +h1-heading('xl')= 'Table'
+            +rule('medium')
+
+            +box
+                +table
+                    +table-head
+                        +table-row 
+                            +table-head-cell= 'Title'
+                            +table-head-cell= 'Title'
+                            +table-head-cell= 'Title'
+                    +table-body
+                        +table-row 
+                            +table-cell= 'Row 1,1'
+                            +table-cell= 'Row 1,2'
+                            +table-cell= 'Row 1,3'
+                        +table-row 
+                            +table-cell= 'Row 2,1'
+                            +table-cell= 'Row 2,2'
+                            +table-cell= 'Row 2,3'
+                        +table-row 
+                            +table-cell= 'Row 3,1'
+                            +table-cell= 'Row 3,2'
+                            +table-cell= 'Row 3,3'
+                        +table-row 
+                            +table-cell= 'Row 4,1'
+                            +table-cell= 'Row 4,2'
+                            +table-cell= 'Row 4,3'
+
 
diff --git a/tpl/objects/table.pug b/tpl/objects/table.pug
new file mode 100644
index 0000000..9fb2a06
--- /dev/null
+++ b/tpl/objects/table.pug
@@ -0,0 +1,23 @@
+mixin table
+    table.o-table
+        block
+
+mixin table-head
+    thead.o-table__head
+        block
+
+mixin table-head-cell
+    th.o-table__head-cell
+        block
+
+mixin table-body
+    tbody.o-table__body
+        block
+
+mixin table-row
+    tr.o-table__row
+        block
+
+mixin table-cell
+    td.o-table__cell
+        block