summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug17
-rw-r--r--tpl/objects/alert.pug11
2 files changed, 28 insertions, 0 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index be9f407..7c0c3ff 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -23,6 +23,7 @@ include objects/dialog.pug
23include objects/lightbox.pug 23include objects/lightbox.pug
24include objects/list-group.pug 24include objects/list-group.pug
25include objects/table.pug 25include objects/table.pug
26include objects/alert.pug
26 27
27mixin box 28mixin box
28 +container(padX=true padY=true inPage=true) 29 +container(padX=true padY=true inPage=true)
@@ -702,4 +703,20 @@ html
702 +table-cell= 'Row 4,2' 703 +table-cell= 'Row 4,2'
703 +table-cell= 'Row 4,3' 704 +table-cell= 'Row 4,3'
704 705
706 //-----------------------------------------
707
708 +h1-heading('xl')= 'Alert'
709 +rule('medium')
710
711 +box
712 +alert= loremIpsum
713 br
714 +alert('primary')= loremIpsum
715 br
716 +alert('error')= loremIpsum
717 br
718 +alert('success')= loremIpsum
719 br
720 +alert('warning')= loremIpsum
721
705 722
diff --git a/tpl/objects/alert.pug b/tpl/objects/alert.pug
new file mode 100644
index 0000000..4d973eb
--- /dev/null
+++ b/tpl/objects/alert.pug
@@ -0,0 +1,11 @@
1mixin alert(variant)
2 -
3 let classes = {
4 'o-alert': true,
5 }
6 if (variant) {
7 classes['o-alert--' + variant] = true
8 }
9
10 div(class=classes)
11 block