diff options
author | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-22 19:30:00 +0200 |
commit | 6b0fcac695aa7a5517f6f53cec50da493acc4582 (patch) | |
tree | 05b1ec4bfd484c75f1ee82f06f674aba69ad1408 /src/objects/_divider.scss | |
parent | WIP: Refactoring (diff) | |
download | iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.gz iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.bz2 iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.zip |
Update
Diffstat (limited to 'src/objects/_divider.scss')
-rw-r--r-- | src/objects/_divider.scss | 16 |
1 files changed, 8 insertions, 8 deletions
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 @@ | |||
42 | @include iro.props-store(( | 42 | @include iro.props-store(( |
43 | --colors: ( | 43 | --colors: ( |
44 | $color: ( | 44 | $color: ( |
45 | --bg: fn.global-color($color --700), | 45 | --bg: fn.global-color($color --800), |
46 | --label: fn.global-color($color --1000), | 46 | --label: fn.global-color($color --1000), |
47 | ) | 47 | ) |
48 | ), | 48 | ), |
@@ -54,7 +54,7 @@ | |||
54 | display: flex; | 54 | display: flex; |
55 | flex-direction: row; | 55 | flex-direction: row; |
56 | align-items: center; | 56 | align-items: center; |
57 | height: 1em; | 57 | block-size: 1em; |
58 | margin-block: fn.dim(--margin-b); | 58 | margin-block: fn.dim(--margin-b); |
59 | color: fn.color(--strong --label); | 59 | color: fn.color(--strong --label); |
60 | font-size: fn.dim(--strong --label-font-size); | 60 | font-size: fn.dim(--strong --label-font-size); |
@@ -67,8 +67,8 @@ | |||
67 | &::after { | 67 | &::after { |
68 | content: ''; | 68 | content: ''; |
69 | flex: 1 1 auto; | 69 | flex: 1 1 auto; |
70 | width: 100%; | 70 | inline-size: 100%; |
71 | height: fn.dim(--strong --border); | 71 | block-size: fn.dim(--strong --border); |
72 | background-color: fn.color(--strong --bg); | 72 | background-color: fn.color(--strong --bg); |
73 | } | 73 | } |
74 | 74 | ||
@@ -82,8 +82,8 @@ | |||
82 | 82 | ||
83 | @include iro.bem-modifier('vertical') { | 83 | @include iro.bem-modifier('vertical') { |
84 | align-self: stretch; | 84 | align-self: stretch; |
85 | width: 1px; | 85 | inline-size: 1px; |
86 | height: auto; | 86 | block-size: auto; |
87 | margin-block: 0; | 87 | margin-block: 0; |
88 | background-color: fn.color(--faint --bg); | 88 | background-color: fn.color(--faint --bg); |
89 | 89 | ||
@@ -100,7 +100,7 @@ | |||
100 | 100 | ||
101 | &::before, | 101 | &::before, |
102 | &::after { | 102 | &::after { |
103 | height: fn.dim(--medium --border); | 103 | block-size: fn.dim(--medium --border); |
104 | background-color: fn.color(--medium --bg); | 104 | background-color: fn.color(--medium --bg); |
105 | } | 105 | } |
106 | } | 106 | } |
@@ -112,7 +112,7 @@ | |||
112 | 112 | ||
113 | &::before, | 113 | &::before, |
114 | &::after { | 114 | &::after { |
115 | height: fn.dim(--faint --border); | 115 | block-size: fn.dim(--faint --border); |
116 | background-color: fn.color(--faint --bg); | 116 | background-color: fn.color(--faint --bg); |
117 | } | 117 | } |
118 | } | 118 | } |