Added list styles

2 files changed, 27 insertions, 0 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index f5d2f25..854cb4b 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -54,6 +54,7 @@ include views/divider.pug
 include views/colored-links.pug
 include views/code.pug
 include views/blockquote.pug
+include views/list.pug
 include views/badge.pug
 include views/button.pug
 include views/text-field.pug
@@ -94,6 +95,7 @@ html
             +view-colored-links
             +view-code
             +view-blockquote
+            +view-list
             +view-badge
             +view-button
             +view-text-field
diff --git a/tpl/views/list.pug b/tpl/views/list.pug
new file mode 100644
index 0000000..e3e82bb
--- /dev/null
+++ b/tpl/views/list.pug
@@ -0,0 +1,25 @@
+mixin view-list 
+    +view('list', 'List')
+        .c-box.s-lists
+            p.u-mt-0= loremIpsum
+            ul
+                li= 'First item'
+                li= 'Number 2'
+                    ul
+                        li= 'Nested :O'
+                        li= 'Another'
+            p= loremIpsum
+            ol
+                li= 'First item'
+                li= 'Number 2'
+                    ol
+                        li= 'Nested :O'
+                        li= 'Another'
+            p= loremIpsum
+            dl
+                dt= 'PHP'
+                dd= 'A server side scripting language.'
+                dt= 'JavaScript'
+                dd= 'A client side scripting language.'
+            p= loremIpsum
+</dl>