blueprint & templates Impacts
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
This commit is contained in:
parent
fab10a38d8
commit
7b3ebb3ca4
15 changed files with 369 additions and 237 deletions
|
|
@ -1,11 +1,10 @@
|
|||
|
||||
@mixin figure-16-9{
|
||||
& > picture,
|
||||
@mixin figure-16-9{
|
||||
& > figure{
|
||||
aspect-ratio: 16/9;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
img{
|
||||
img, picture{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
|
|
@ -16,49 +15,3 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
@mixin figure-3-1(){
|
||||
& > picture,
|
||||
& > figure{
|
||||
aspect-ratio: 3/1;
|
||||
overflow: hidden;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// @mixin figure-2-1(){
|
||||
// & > picture,
|
||||
// & > figure{
|
||||
// aspect-ratio: 2/1;
|
||||
// overflow: hidden;
|
||||
// img{
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// object-fit: cover;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @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); }
|
||||
// }
|
||||
// }
|
||||
Loading…
Add table
Add a link
Reference in a new issue