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/layouts | |
| parent | WIP: Refactoring (diff) | |
| download | iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.gz iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.tar.bz2 iro-design-6b0fcac695aa7a5517f6f53cec50da493acc4582.zip | |
Update
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/_container.scss | 6 | ||||
| -rw-r--r-- | src/layouts/_media.scss | 6 | ||||
| -rw-r--r-- | src/layouts/_message-group.scss | 14 |
3 files changed, 13 insertions, 13 deletions
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index b28eea2..fcc4837 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
| @@ -29,9 +29,9 @@ | |||
| 29 | @include iro.bem-layout(iro.props-namespace()) { | 29 | @include iro.bem-layout(iro.props-namespace()) { |
| 30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { | 30 | @each $size in 'narrow-125' 'narrow' 'narrow-75' { |
| 31 | @include iro.bem-modifier($size) { | 31 | @include iro.bem-modifier($size) { |
| 32 | max-width: fn.dim(--#{$size}); | 32 | max-inline-size: fn.dim(--#{$size}); |
| 33 | margin-right: auto; | 33 | margin-right: auto; |
| 34 | margin-left: auto; | 34 | margin-left: auto; |
| 35 | } | 35 | } |
| 36 | } | 36 | } |
| 37 | 37 | ||
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss index fa90975..953c8c0 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.scss | |||
| @@ -62,9 +62,9 @@ | |||
| 62 | flex: 0 0 auto; | 62 | flex: 0 0 auto; |
| 63 | 63 | ||
| 64 | @include iro.bem-modifier('main') { | 64 | @include iro.bem-modifier('main') { |
| 65 | flex-shrink: 1; | 65 | flex-shrink: 1; |
| 66 | width: 100%; | 66 | inline-size: 100%; |
| 67 | min-width: 0; | 67 | min-inline-size: 0; |
| 68 | } | 68 | } |
| 69 | } | 69 | } |
| 70 | } | 70 | } |
diff --git a/src/layouts/_message-group.scss b/src/layouts/_message-group.scss index f977b61..235e242 100644 --- a/src/layouts/_message-group.scss +++ b/src/layouts/_message-group.scss | |||
| @@ -26,16 +26,16 @@ | |||
| 26 | gap: 0 fn.dim(--spacing-x); | 26 | gap: 0 fn.dim(--spacing-x); |
| 27 | 27 | ||
| 28 | @include iro.bem-elem('avatar') { | 28 | @include iro.bem-elem('avatar') { |
| 29 | grid-area: avatar; | 29 | grid-area: avatar; |
| 30 | height: 0; | 30 | block-size: 0; |
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | @include iro.bem-elem('message') { | 33 | @include iro.bem-elem('message') { |
| 34 | grid-column: message; | 34 | grid-column: message; |
| 35 | position: relative; | 35 | position: relative; |
| 36 | box-sizing: border-box; | 36 | box-sizing: border-box; |
| 37 | min-width: 0; | 37 | min-inline-size: 0; |
| 38 | max-width: 100%; | 38 | max-inline-size: 100%; |
| 39 | 39 | ||
| 40 | &::before { | 40 | &::before { |
| 41 | content: ''; | 41 | content: ''; |