From 210349f2a28fb37b8cafac980e3f5fac894cc7f9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 16 Mar 2022 19:00:21 +0100 Subject: Added alert --- tpl/index.pug | 17 +++++++++++++++++ tpl/objects/alert.pug | 11 +++++++++++ 2 files changed, 28 insertions(+) create mode 100644 tpl/objects/alert.pug (limited to 'tpl') 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 include objects/lightbox.pug include objects/list-group.pug include objects/table.pug +include objects/alert.pug mixin box +container(padX=true padY=true inPage=true) @@ -702,4 +703,20 @@ html +table-cell= 'Row 4,2' +table-cell= 'Row 4,3' + //----------------------------------------- + + +h1-heading('xl')= 'Alert' + +rule('medium') + + +box + +alert= loremIpsum + br + +alert('primary')= loremIpsum + br + +alert('error')= loremIpsum + br + +alert('success')= loremIpsum + br + +alert('warning')= loremIpsum + 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 @@ +mixin alert(variant) + - + let classes = { + 'o-alert': true, + } + if (variant) { + classes['o-alert--' + variant] = true + } + + div(class=classes) + block -- cgit v1.2.3-54-g00ecf