Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

Finishing Touches

Browse source
This commit is contained in:
Firq 2023-07-08 15:02:07 +02:00
parent 4da3f4323c
commit 4aa3865148
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
6 changed files with 76 additions and 24 deletions
src/components
technologyCard.astro

12
src/components/technologyCard.astro
View file

@ -33,28 +33,32 @@ const icon: string = `background-image: url('/assets/technologies/${image}.webp'
height: auto;
width: auto;
line-height: 100px;
border-radius: 1.25rem;
}
article:hover {
transform: scale(var(--hover-scale));
}
article > div {
border-radius: 1.25rem;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
width: 100px;
height: 100px;
--size-value: 6.25rem;
width: var(--size-value);
height: var(--size-value);
}
article:hover span {
border-radius: 1.25rem;
padding: 0 0.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--c-darkgray);
height: 100%;
width: 100%;
height: calc(var(--size-value) + 0.1rem);
width: calc(var(--size-value) + 0.1rem);
opacity: 90%;
}