style(portfolio): mp-card--bleed only top-left radius; hover scales media container
This commit is contained in:
1 parent
f9cea9f097
commit
da6e752776
1 file changed
+2
-3
+2
-3
@@ -3422,17 +3422,16 @@ html[data-theme="light"] .hero__portrait-shell {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
transition: transform 0.35s ease;
|
||||
}
|
||||
.mp-card--bleed .mp-card__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid var(--line);
|
||||
border-top-left-radius: var(--radius-card);
|
||||
border-bottom-right-radius: var(--radius-card);
|
||||
object-fit: cover;
|
||||
transition: transform 0.35s ease;
|
||||
}
|
||||
.mp-card--bleed:hover .mp-card__image {
|
||||
.mp-card--bleed:hover .mp-card__media {
|
||||
transform: scale(1.04);
|
||||
transform-origin: bottom right;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user