Fixed divider

1 files changed, 33 insertions, 2 deletions

diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index 4ed8092..9b58e77 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -91,6 +91,26 @@
             }
         }
 
+        @include bem.modifier('quiet') {
+            font-size:   props.get(vars.$quiet--label-font-size);
+            font-weight: 500;
+            color:       props.get(vars.$quiet--label-color);
+
+            &::before,
+            &::after {
+                block-size:       props.get(vars.$quiet--border-width);
+                background-color: props.get(vars.$quiet--bg-color);
+            }
+
+            @include bem.modifier('vertical') {
+                background-color: props.get(vars.$vertical--quiet--bg-color);
+            }
+
+            @include bem.modifier('dot') {
+                background-color: props.get(vars.$dot--quiet--bg-color);
+            }
+        }
+
         @include bem.modifier('faint') {
             font-size:   props.get(vars.$faint--label-font-size);
             font-weight: 500;
@@ -103,11 +123,11 @@
             }
 
             @include bem.modifier('vertical') {
-                background-color: props.get(vars.$vertical--faint--bg-color);
+                background-color: props.get(vars.$vertical--quiet--bg-color);
             }
 
             @include bem.modifier('dot') {
-                background-color: props.get(vars.$dot--faint--bg-color);
+                background-color: props.get(vars.$dot--quiet--bg-color);
             }
         }
 
@@ -157,6 +177,17 @@
                     }
                 }
     
+                @include bem.modifier('quiet') {
+                    &::before,
+                    &::after {
+                        background-color: props.get(vars.$static-themes, $theme, --quiet, --bg);
+                    }
+    
+                    @include bem.elem('label') {
+                        color: props.get(vars.$static-themes, $theme, --quiet, --label);
+                    }
+                }
+    
                 @include bem.modifier('faint') {
                     &::before,
                     &::after {