extend portrait background
This commit is contained in:
parent
5e2d1a362b
commit
7ea37a9423
1 changed files with 16 additions and 1 deletions
|
|
@ -472,15 +472,30 @@ const projects: Project[] = [
|
||||||
|
|
||||||
width: var(--portrait-frame-size);
|
width: var(--portrait-frame-size);
|
||||||
height: var(--portrait-frame-size);
|
height: var(--portrait-frame-size);
|
||||||
|
position: relative;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--color-slate);
|
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero__portrait-frame::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
width: 110%;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--color-slate);
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
.hero__portrait {
|
.hero__portrait {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
width: 110%;
|
width: 110%;
|
||||||
height: auto;
|
height: auto;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue