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

Colors and other stuff

Browse source
This commit is contained in:
Firq 2024-10-24 18:52:33 +02:00
parent aab26e63b2
commit 34e24346d1
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
25 changed files with 234 additions and 272 deletions
src/components/cards
favouriteCard.astro

11
src/components/cards/favouriteCard.astro
View file

@ -38,7 +38,7 @@ const loadedImage = plsLoadImage(images, imagePath)
min-height: 2.5rem;
line-height: 1.75rem;
font-size: 24px;
color: white;
color: var(--c-primary-text);
max-width: 200px;
padding-bottom: 0.3rem;
font-weight: bold;
@ -52,19 +52,18 @@ const loadedImage = plsLoadImage(images, imagePath)
display: flex;
flex-wrap: wrap;
flex-direction: column;
background-color: var(--c-darkergray);
background-color: var(--c-primary-background);
padding: 0em 0.25em;
width: max(40%, 128px);
height: auto;
justify-content: center;
align-items: center;
text-align: center;
transition: transform var(--speed) var(--ease);
text-decoration: none;
border: 2px var(--c-darkgray) solid;
border: 2px var(--c-primary-background) solid;
&:hover {
border: 2px var(--c-darkpurple) solid;
border: 2px var(--c-accent-1) solid;
}
img {
@ -87,7 +86,7 @@ const loadedImage = plsLoadImage(images, imagePath)
}
.subtext {
color: white;
color: var(--c-primary-text);
font-size: 16px;
font-weight: 600;
margin: 0.5rem;