From c188e483a373c6627693a27820fba9e9238cad53 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Jul 2025 22:16:51 +0200 Subject: Fixed divider --- src/objects/_divider.vars.scss | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) (limited to 'src/objects/_divider.vars.scss') diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss index 5cd68c1..5a5639b 100644 --- a/src/objects/_divider.vars.scss +++ b/src/objects/_divider.vars.scss @@ -13,6 +13,9 @@ $strong--label-font-size: props.def(--o-divider--strong--label-font-size, props. $medium--border-width: props.def(--o-divider--medium--border-width, props.get(core.$border-width--medium)) !default; $medium--label-font-size: props.def(--o-divider--medium--label-font-size, props.get(core.$font-size--75)) !default; +$quiet--border-width: props.def(--o-divider--quiet--border-width, props.get(core.$border-width--thin)) !default; +$quiet--label-font-size: props.def(--o-divider--quiet--label-font-size, props.get(core.$font-size--50)) !default; + $faint--border-width: props.def(--o-divider--faint--border-width, props.get(core.$border-width--thin)) !default; $faint--label-font-size: props.def(--o-divider--faint--label-font-size, props.get(core.$font-size--50)) !default; @@ -22,12 +25,15 @@ $strong--label-color: props.def(--o-divider--strong--label-color, props.get(core $medium--bg-color: props.def(--o-divider--medium--bg-color, props.get(core.$theme, --border), 'color') !default; $medium--label-color: props.def(--o-divider--medium--label-color, props.get(core.$theme, --text-mute), 'color') !default; -$faint--bg-color: props.def(--o-divider--faint--bg-color, props.get(core.$theme, --border), 'color') !default; -$faint--label-color: props.def(--o-divider--faint--label-color, props.get(core.$theme, --text-mute-more), 'color') !default; +$quiet--bg-color: props.def(--o-divider--quiet--bg-color, props.get(core.$theme, --border), 'color') !default; +$quiet--label-color: props.def(--o-divider--quiet--label-color, props.get(core.$theme, --text-mute-more), 'color') !default; + +$faint--bg-color: props.def(--o-divider--faint--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$faint--label-color: props.def(--o-divider--faint--label-color, props.get(core.$theme, --text-disabled), 'color') !default; -$vertical--faint--bg-color: props.def(--o-divider--vertical--faint--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$vertical--quiet--bg-color: props.def(--o-divider--vertical--quiet--bg-color, props.get(core.$theme, --border-mute), 'color') !default; -$dot--faint--bg-color: props.def(--o-divider--dot--faint--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$dot--quiet--bg-color: props.def(--o-divider--dot--quiet--bg-color, props.get(core.$theme, --border-mute), 'color') !default; $static-themes: props.def(--o-divider, (), 'color'); @@ -44,10 +50,14 @@ $static-themes: props.def(--o-divider, (), 'color'); --bg: props.get(core.$transparent-colors, $theme, --300), --label: props.get(core.$transparent-colors, $theme, --500), ), - --faint: ( + --quiet: ( --bg: props.get(core.$transparent-colors, $theme, --300), --label: props.get(core.$transparent-colors, $theme, --500), ), + --faint: ( + --bg: props.get(core.$transparent-colors, $theme, --200), + --label: props.get(core.$transparent-colors, $theme, --400), + ), ) )); } -- cgit v1.2.3-70-g09d2