1 files changed, 23 insertions, 0 deletions

diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index e2f2e01..5429ab5 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -12,24 +12,45 @@ mixin view-divider
 
         .c-box
             +div-heading('xs')= 'Heading'
+            +divider('quiet')
+            p= loremIpsum
+
+        .c-box
+            +div-heading('xs')= 'Heading'
             +divider('faint')
             p= loremIpsum
 
         .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']
@@ -39,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)