diff options
author | Volpeon <git@volpeon.ink> | 2024-06-29 10:01:02 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-29 10:01:02 +0200 |
commit | 6376f1a5225b2fa45f6c861d4a265bf13b56d038 (patch) | |
tree | 7c2ec8bea63df05b6a533fdfa6dab4b2f17f7a1f /src/objects/_card.scss | |
parent | Update (diff) | |
download | iro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.tar.gz iro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.tar.bz2 iro-design-6376f1a5225b2fa45f6c861d4a265bf13b56d038.zip |
Update
Diffstat (limited to 'src/objects/_card.scss')
-rw-r--r-- | src/objects/_card.scss | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 9f84d7a..c6c47d7 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -68,7 +68,7 @@ | |||
68 | 68 | ||
69 | @include iro.bem-elem('image') { | 69 | @include iro.bem-elem('image') { |
70 | position: relative; | 70 | position: relative; |
71 | width: 100%; | 71 | inline-size: 100%; |
72 | overflow: hidden; | 72 | overflow: hidden; |
73 | background-color: fn.color(--image-bg); | 73 | background-color: fn.color(--image-bg); |
74 | 74 | ||
@@ -88,10 +88,10 @@ | |||
88 | } | 88 | } |
89 | 89 | ||
90 | @include iro.bem-elem('image-img') { | 90 | @include iro.bem-elem('image-img') { |
91 | display: block; | 91 | display: block; |
92 | object-fit: cover; | 92 | object-fit: cover; |
93 | width: 100%; | 93 | inline-size: 100%; |
94 | height: 100%; | 94 | block-size: 100%; |
95 | } | 95 | } |
96 | 96 | ||
97 | @include iro.bem-elem('body') { | 97 | @include iro.bem-elem('body') { |
@@ -117,7 +117,7 @@ | |||
117 | &::before { | 117 | &::before { |
118 | content: ''; | 118 | content: ''; |
119 | display: block; | 119 | display: block; |
120 | height: fn.dim(--divider); | 120 | block-size: fn.dim(--divider); |
121 | margin-block: fn.dim(--spacing); | 121 | margin-block: fn.dim(--spacing); |
122 | background-color: fn.color(--divider); | 122 | background-color: fn.color(--divider); |
123 | } | 123 | } |
@@ -132,8 +132,7 @@ | |||
132 | &:hover, | 132 | &:hover, |
133 | &:active { | 133 | &:active { |
134 | @include iro.bem-elem('image') { | 134 | @include iro.bem-elem('image') { |
135 | outline: fn.dim(--border) solid fn.color(--quiet --hover --border); | 135 | outline: fn.dim(--border) solid fn.color(--quiet --hover --border); |
136 | outline-offset: calc(-1 * fn.dim(--key-focus --border) - fn.dim(--border)); | ||
137 | } | 136 | } |
138 | } | 137 | } |
139 | 138 | ||