summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug7
-rw-r--r--tpl/objects/palette.pug12
-rw-r--r--tpl/views/list.pug2
-rw-r--r--tpl/views/palette.pug5
4 files changed, 23 insertions, 3 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index efa29c5..a93418c 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -6,6 +6,7 @@
6 6
7include layouts/container.pug 7include layouts/container.pug
8 8
9include objects/palette.pug
9include objects/heading.pug 10include objects/heading.pug
10include objects/divider.pug 11include objects/divider.pug
11include objects/badge.pug 12include objects/badge.pug
@@ -51,6 +52,7 @@ mixin user-card(name, hue)
51 = avaName 52 = avaName
52 = name 53 = name
53 54
55include views/palette.pug
54include views/heading.pug 56include views/heading.pug
55include views/divider.pug 57include views/divider.pug
56include views/links.pug 58include views/links.pug
@@ -92,8 +94,9 @@ html
92 link(rel="stylesheet" href="style.css") 94 link(rel="stylesheet" href="style.css")
93 script(src="script.js") 95 script(src="script.js")
94 96
95 body 97 body.t-l1
96 .c-content.l-overflow 98 .c-content.l-overflow
99 +view-palette
97 +view-heading 100 +view-heading
98 +view-divider 101 +view-divider
99 +view-links 102 +view-links
@@ -125,7 +128,7 @@ html
125 +view-message 128 +view-message
126 +view-message-group 129 +view-message-group
127 130
128 .c-sidebar.l-overflow.u-themed.t-lo.u-p-75 131 .c-sidebar.l-overflow.t-base.u-p-75
129 +menu 132 +menu
130 each view in views 133 each view in views
131 +menu-item(tag='a' href='#' + view.id)= view.title 134 +menu-item(tag='a' href='#' + view.id)= view.title
diff --git a/tpl/objects/palette.pug b/tpl/objects/palette.pug
new file mode 100644
index 0000000..77e6e9e
--- /dev/null
+++ b/tpl/objects/palette.pug
@@ -0,0 +1,12 @@
1mixin palette(palette)
2 -
3 let classes = {
4 'o-palette': true,
5 }
6 classes['o-palette--' + palette] = true
7
8 let i = 0, n = palette == 'base' ? 11 : 13
9
10 div(class=classes)
11 while i++ < n
12 .o-palette__item
diff --git a/tpl/views/list.pug b/tpl/views/list.pug
index e3e82bb..ce09b27 100644
--- a/tpl/views/list.pug
+++ b/tpl/views/list.pug
@@ -22,4 +22,4 @@ mixin view-list
22 dt= 'JavaScript' 22 dt= 'JavaScript'
23 dd= 'A client side scripting language.' 23 dd= 'A client side scripting language.'
24 p= loremIpsum 24 p= loremIpsum
25</dl> 25
diff --git a/tpl/views/palette.pug b/tpl/views/palette.pug
new file mode 100644
index 0000000..384fe03
--- /dev/null
+++ b/tpl/views/palette.pug
@@ -0,0 +1,5 @@
1mixin view-palette
2 +view('palette', 'Palettes')
3 each palette in ['base', 'blue', 'purple', 'red', 'green', 'yellow']
4 .c-box
5 +palette(palette)