diff options
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 | } |
