diff options
Diffstat (limited to 'src/objects/_divider.scss')
-rw-r--r-- | src/objects/_divider.scss | 35 |
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 @@ | |||
91 | } | 91 | } |
92 | } | 92 | } |
93 | 93 | ||
94 | @include bem.modifier('quiet') { | ||
95 | font-size: props.get(vars.$quiet--label-font-size); | ||
96 | font-weight: 500; | ||
97 | color: props.get(vars.$quiet--label-color); | ||
98 | |||
99 | &::before, | ||
100 | &::after { | ||
101 | block-size: props.get(vars.$quiet--border-width); | ||
102 | background-color: props.get(vars.$quiet--bg-color); | ||
103 | } | ||
104 | |||
105 | @include bem.modifier('vertical') { | ||
106 | background-color: props.get(vars.$vertical--quiet--bg-color); | ||
107 | } | ||
108 | |||
109 | @include bem.modifier('dot') { | ||
110 | background-color: props.get(vars.$dot--quiet--bg-color); | ||
111 | } | ||
112 | } | ||
113 | |||
94 | @include bem.modifier('faint') { | 114 | @include bem.modifier('faint') { |
95 | font-size: props.get(vars.$faint--label-font-size); | 115 | font-size: props.get(vars.$faint--label-font-size); |
96 | font-weight: 500; | 116 | font-weight: 500; |
@@ -103,11 +123,11 @@ | |||
103 | } | 123 | } |
104 | 124 | ||
105 | @include bem.modifier('vertical') { | 125 | @include bem.modifier('vertical') { |
106 | background-color: props.get(vars.$vertical--faint--bg-color); | 126 | background-color: props.get(vars.$vertical--quiet--bg-color); |
107 | } | 127 | } |
108 | 128 | ||
109 | @include bem.modifier('dot') { | 129 | @include bem.modifier('dot') { |
110 | background-color: props.get(vars.$dot--faint--bg-color); | 130 | background-color: props.get(vars.$dot--quiet--bg-color); |
111 | } | 131 | } |
112 | } | 132 | } |
113 | 133 | ||
@@ -157,6 +177,17 @@ | |||
157 | } | 177 | } |
158 | } | 178 | } |
159 | 179 | ||
180 | @include bem.modifier('quiet') { | ||
181 | &::before, | ||
182 | &::after { | ||
183 | background-color: props.get(vars.$static-themes, $theme, --quiet, --bg); | ||
184 | } | ||
185 | |||
186 | @include bem.elem('label') { | ||
187 | color: props.get(vars.$static-themes, $theme, --quiet, --label); | ||
188 | } | ||
189 | } | ||
190 | |||
160 | @include bem.modifier('faint') { | 191 | @include bem.modifier('faint') { |
161 | &::before, | 192 | &::before, |
162 | &::after { | 193 | &::after { |