Le framework HUGO utilisé pour créer son CV en 2 minutes
https://cv.gregandev.fr
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
605 B
30 lines
605 B
4 years ago
|
.avatar {
|
||
|
|
width: 100%;
|
||
|
|
height: $width-right-col - 6rem;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
|
||
|
|
&__container {
|
||
|
|
@include hz-center;
|
||
|
|
width: 100%;
|
||
|
|
clip-path: circle(50% at 50% 56%);
|
||
|
|
height: $width-right-col - 8rem;
|
||
|
|
text-align: center;
|
||
|
|
transition: all 0.3s cubic-bezier($cubic);
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
width: 110%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__img {
|
||
|
|
object-fit: cover;
|
||
|
|
width: 110%;
|
||
|
|
transition: all 0.3s cubic-bezier($cubic);
|
||
|
|
@include all-center;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
width: 105%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|