This commit is contained in:
parent
4642425f43
commit
dc223ae1b8
24 changed files with 1199 additions and 492 deletions
18
assets/css/components/_figures.scss
Normal file
18
assets/css/components/_figures.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
|
||||
@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;
|
||||
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
figure img{ transform: scale(1.05); }
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue