From b1d8dd78c6ba0a08e7e1576d55d0289f6c5ed61a Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 4 Apr 2025 14:06:48 +0200
Subject: New divider variant: dot
---
tpl/objects/divider.pug | 2 ++
tpl/views/divider.pug | 10 ++++++++++
2 files changed, 12 insertions(+)
(limited to 'tpl')
diff --git a/tpl/objects/divider.pug b/tpl/objects/divider.pug
index 46425cd..ed4d27a 100644
--- a/tpl/objects/divider.pug
+++ b/tpl/objects/divider.pug
@@ -3,6 +3,8 @@ mixin divider(level)
let classes = {
'o-divider': true,
'o-divider--labelled': !!block,
+ 'o-divider--vertical': !!attributes.vertical,
+ 'o-divider--dot': !!attributes.dot,
['o-divider--' + level]: true,
['o-divider--' + attributes.color]: !!attributes.color
}
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index e2f2e01..ea08984 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -23,6 +23,16 @@ mixin view-divider
+divider('medium')
+divider('faint')
+ .c-box
+ .l-media(style="height: 1em")
+ +divider('strong')(vertical=true class="l-media__block")
+ +divider('medium')(vertical=true class="l-media__block")
+ +divider('faint')(vertical=true class="l-media__block")
+ .l-media(style="height: 1em")
+ +divider('strong')(dot=true class="l-media__block")
+ +divider('medium')(dot=true class="l-media__block")
+ +divider('faint')(dot=true class="l-media__block")
+
each theme in ['accent', 'negative']
.c-box
+divider('strong')(color=theme)= 'Strong'
--
cgit v1.2.3-70-g09d2