summaryrefslogtreecommitdiffstats
path: root/src/objects/_card.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-29 10:01:02 +0200
committerVolpeon <git@volpeon.ink>2024-06-29 10:01:02 +0200
commit6376f1a5225b2fa45f6c861d4a265bf13b56d038 (patch)
tree7c2ec8bea63df05b6a533fdfa6dab4b2f17f7a1f /src/objects/_card.scss
parentUpdate (diff)
downloadiro-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.scss15
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