From 6b0fcac695aa7a5517f6f53cec50da493acc4582 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 22 Jun 2024 19:30:00 +0200 Subject: Update --- src/objects/_divider.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'src/objects/_divider.scss') diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss index 3332331..5e80de4 100644 --- a/src/objects/_divider.scss +++ b/src/objects/_divider.scss @@ -42,7 +42,7 @@ @include iro.props-store(( --colors: ( $color: ( - --bg: fn.global-color($color --700), + --bg: fn.global-color($color --800), --label: fn.global-color($color --1000), ) ), @@ -54,7 +54,7 @@ display: flex; flex-direction: row; align-items: center; - height: 1em; + block-size: 1em; margin-block: fn.dim(--margin-b); color: fn.color(--strong --label); font-size: fn.dim(--strong --label-font-size); @@ -67,8 +67,8 @@ &::after { content: ''; flex: 1 1 auto; - width: 100%; - height: fn.dim(--strong --border); + inline-size: 100%; + block-size: fn.dim(--strong --border); background-color: fn.color(--strong --bg); } @@ -82,8 +82,8 @@ @include iro.bem-modifier('vertical') { align-self: stretch; - width: 1px; - height: auto; + inline-size: 1px; + block-size: auto; margin-block: 0; background-color: fn.color(--faint --bg); @@ -100,7 +100,7 @@ &::before, &::after { - height: fn.dim(--medium --border); + block-size: fn.dim(--medium --border); background-color: fn.color(--medium --bg); } } @@ -112,7 +112,7 @@ &::before, &::after { - height: fn.dim(--faint --border); + block-size: fn.dim(--faint --border); background-color: fn.color(--faint --bg); } } -- cgit v1.2.3-70-g09d2