summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug2
-rw-r--r--tpl/layouts/container.pug8
-rw-r--r--tpl/views/action-button.pug4
-rw-r--r--tpl/views/badge.pug2
-rw-r--r--tpl/views/button.pug4
-rw-r--r--tpl/views/divider.pug4
6 files changed, 12 insertions, 12 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index c4baa64..cccfb2a 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -40,7 +40,7 @@ mixin view(id, title)
40 - 40 -
41 views.push({ id, title }); 41 views.push({ id, title });
42 42
43 +container(narrow=!attributes.wide class='u-p-700 c-view' id=id) 43 +container(fixed=!attributes.wide class='u-p-700 c-view' id=id)
44 +h1-heading('xl')(class='u-mt-0')= title 44 +h1-heading('xl')(class='u-mt-0')= title
45 +divider('medium') 45 +divider('medium')
46 block 46 block
diff --git a/tpl/layouts/container.pug b/tpl/layouts/container.pug
index 56c0b86..522eb1a 100644
--- a/tpl/layouts/container.pug
+++ b/tpl/layouts/container.pug
@@ -1,10 +1,10 @@
1mixin container 1mixin container
2 - 2 -
3 let classes = { 3 let classes = {
4 'l-container': true, 4 'l-container': true,
5 'l-container--narrow': attributes.narrow, 5 'l-container--fixed': attributes.fixed,
6 'l-container--narrow-75': attributes.narrow50, 6 'l-container--fixed-75': attributes.fixed50,
7 'u-themed': !!attributes.theme 7 'u-themed': !!attributes.theme
8 } 8 }
9 if (!!attributes.theme) { 9 if (!!attributes.theme) {
10 classes['t-' + attributes.theme] = true 10 classes['t-' + attributes.theme] = true
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug
index 8fbf9ea..6fa0ce9 100644
--- a/tpl/views/action-button.pug
+++ b/tpl/views/action-button.pug
@@ -90,7 +90,7 @@ mixin view-action-button
90 - 90 -
91 const bg = theme.startsWith('static-black') ? 500 : 1000; 91 const bg = theme.startsWith('static-black') ? 500 : 1000;
92 92
93 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 93 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
94 +action-button(theme=theme)= 'Idle' 94 +action-button(theme=theme)= 'Idle'
95 = ' ' 95 = ' '
96 +action-button(theme=theme selected=true)= 'Selected' 96 +action-button(theme=theme selected=true)= 'Selected'
@@ -99,7 +99,7 @@ mixin view-action-button
99 = ' ' 99 = ' '
100 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' 100 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
101 101
102 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 102 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
103 +action-button(theme=theme quiet=true)= 'Idle' 103 +action-button(theme=theme quiet=true)= 'Idle'
104 = ' ' 104 = ' '
105 +action-button(theme=theme quiet=true selected=true)= 'Selected' 105 +action-button(theme=theme quiet=true selected=true)= 'Selected'
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug
index cc1f346..90fdabe 100644
--- a/tpl/views/badge.pug
+++ b/tpl/views/badge.pug
@@ -59,7 +59,7 @@ mixin view-badge
59 - 59 -
60 const bg = theme.startsWith('static-black') ? 500 : 1000; 60 const bg = theme.startsWith('static-black') ? 500 : 1000;
61 61
62 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 62 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
63 +badge(theme)(href='#')= 'new' 63 +badge(theme)(href='#')= 'new'
64 = ' ' 64 = ' '
65 +badge(theme)(quiet=true href='#')= 'new' 65 +badge(theme)(quiet=true href='#')= 'new'
diff --git a/tpl/views/button.pug b/tpl/views/button.pug
index edd8ef6..04414a4 100644
--- a/tpl/views/button.pug
+++ b/tpl/views/button.pug
@@ -58,7 +58,7 @@ mixin view-button
58 - 58 -
59 const bg = theme.startsWith('static-black') ? 500 : 1000; 59 const bg = theme.startsWith('static-black') ? 500 : 1000;
60 60
61 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 61 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
62 .l-button-group 62 .l-button-group
63 +a-button(variant=theme)= 'Button' 63 +a-button(variant=theme)= 'Button'
64 +a-button(variant=theme disabled=true)= 'Button' 64 +a-button(variant=theme disabled=true)= 'Button'
@@ -71,7 +71,7 @@ mixin view-button
71 +a-button(variant=theme outline=true icon='trash') 71 +a-button(variant=theme outline=true icon='trash')
72 +a-button(variant=theme outline=true disabled=true icon='trash') 72 +a-button(variant=theme outline=true disabled=true icon='trash')
73 73
74 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 74 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
75 .l-button-group 75 .l-button-group
76 +a-button(variant=theme primary=true)= 'Button' 76 +a-button(variant=theme primary=true)= 'Button'
77 +a-button(variant=theme primary=true disabled=true)= 'Button' 77 +a-button(variant=theme primary=true disabled=true)= 'Button'
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index ee7b372..b5b6d70 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -23,7 +23,7 @@ mixin view-divider
23 +divider('medium') 23 +divider('medium')
24 +divider('faint') 24 +divider('faint')
25 25
26 each theme in ['blue', 'purple', 'red', 'green', 'yellow'] 26 each theme in ['accent', 'negative']
27 .c-box 27 .c-box
28 +divider('strong')(color=theme)= 'Strong' 28 +divider('strong')(color=theme)= 'Strong'
29 +divider('medium')(color=theme)= 'Medium' 29 +divider('medium')(color=theme)= 'Medium'
@@ -36,7 +36,7 @@ mixin view-divider
36 - 36 -
37 const bg = theme.startsWith('static-black') ? 500 : 1000; 37 const bg = theme.startsWith('static-black') ? 500 : 1000;
38 38
39 .c-box(style=`background-color: var(--colors--blue-static--${bg});`) 39 .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
40 +divider('strong')(color=theme)= 'Strong' 40 +divider('strong')(color=theme)= 'Strong'
41 +divider('medium')(color=theme)= 'Medium' 41 +divider('medium')(color=theme)= 'Medium'
42 +divider('faint')(color=theme)= 'Faint' 42 +divider('faint')(color=theme)= 'Faint'