35 lines
No EOL
662 B
SCSS
35 lines
No EOL
662 B
SCSS
|
|
@mixin figure-16-9{
|
|
figure{
|
|
aspect-ratio: 16/9;
|
|
display: flex;
|
|
overflow: hidden;
|
|
img{
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@mixin figure-16-9-hover{
|
|
figure{
|
|
aspect-ratio: 16/9;
|
|
display: flex;
|
|
overflow: hidden;
|
|
img{
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
|
|
|
|
}
|
|
}
|
|
&:hover{
|
|
figure img{ transform: scale(1.05); }
|
|
}
|
|
} |