From 6376f1a5225b2fa45f6c861d4a265bf13b56d038 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 29 Jun 2024 10:01:02 +0200 Subject: Update --- src/objects/_card.scss | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) (limited to 'src/objects/_card.scss') 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 @@ @include iro.bem-elem('image') { position: relative; - width: 100%; + inline-size: 100%; overflow: hidden; background-color: fn.color(--image-bg); @@ -88,10 +88,10 @@ } @include iro.bem-elem('image-img') { - display: block; - object-fit: cover; - width: 100%; - height: 100%; + display: block; + object-fit: cover; + inline-size: 100%; + block-size: 100%; } @include iro.bem-elem('body') { @@ -117,7 +117,7 @@ &::before { content: ''; display: block; - height: fn.dim(--divider); + block-size: fn.dim(--divider); margin-block: fn.dim(--spacing); background-color: fn.color(--divider); } @@ -132,8 +132,7 @@ &:hover, &:active { @include iro.bem-elem('image') { - outline: fn.dim(--border) solid fn.color(--quiet --hover --border); - outline-offset: calc(-1 * fn.dim(--key-focus --border) - fn.dim(--border)); + outline: fn.dim(--border) solid fn.color(--quiet --hover --border); } } -- cgit v1.2.3-54-g00ecf