From c188e483a373c6627693a27820fba9e9238cad53 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Jul 2025 22:16:51 +0200 Subject: Fixed divider --- tpl/views/divider.pug | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'tpl') diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug index ea08984..5429ab5 100644 --- a/tpl/views/divider.pug +++ b/tpl/views/divider.pug @@ -10,6 +10,11 @@ mixin view-divider +divider('medium') p= loremIpsum + .c-box + +div-heading('xs')= 'Heading' + +divider('quiet') + p= loremIpsum + .c-box +div-heading('xs')= 'Heading' +divider('faint') @@ -18,28 +23,34 @@ mixin view-divider .c-box +divider('strong')= 'Strong' +divider('medium')= 'Medium' + +divider('quiet')= 'Quiet' +divider('faint')= 'Faint' +divider('strong') +divider('medium') + +divider('quiet') +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('quiet')(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('quiet')(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' +divider('medium')(color=theme)= 'Medium' + +divider('quiet')(color=theme)= 'Quiet' +divider('faint')(color=theme)= 'Faint' +divider('strong')(color=theme) +divider('medium')(color=theme) + +divider('quiet')(color=theme) +divider('faint')(color=theme) each theme in ['static-black', 'static-white'] @@ -49,7 +60,9 @@ mixin view-divider .c-box(style=`background-color: var(--colors--blue-static--${bg});`) +divider('strong')(color=theme)= 'Strong' +divider('medium')(color=theme)= 'Medium' + +divider('quiet')(color=theme)= 'Quiet' +divider('faint')(color=theme)= 'Faint' +divider('strong')(color=theme) +divider('medium')(color=theme) + +divider('quiet')(color=theme) +divider('faint')(color=theme) -- cgit v1.2.3-70-g09d2