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
taCard.astro

24
src/components/cards/taCard.astro
View file

@ -62,8 +62,8 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
display: flex;
flex-direction: column;
flex-wrap: wrap;
background-color: var(--c-darkergray);
border: 2px var(--c-darkgray) solid;
background-color: var(--c-primary-background);
border: 2px var(--c-primary-background) solid;
padding: 10px;
text-align: center;
width: max(30%, 100px);
@ -76,7 +76,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
a:hover {
transform: scale(1);
border-color: var(--c-darkpurple);
border-color: var(--c-accent-1);
z-index: 10;
}
@ -98,11 +98,11 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
width: 100%;
height: 100%;
opacity: 90%;
box-shadow: 0px 0px 0px 1px var(--c-darkgray);
box-shadow: 0px 0px 0px 1px var(--c-primary-background);
border-radius: 1.25rem;
}
@ -110,7 +110,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
margin: 4px;
display: inline-flex;
font-weight: 500;
color: white;
color: var(--c-primary-text);
font-size: 1rem;
line-height: 150%;
}
@ -128,7 +128,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
align-items: center;
line-height: 100%;
text-decoration: none;
color: white;
color: var(--c-primary-text);
font-size: 1rem;
font-weight: 400;
margin: 0.5rem 0px 0.25rem 0px;
@ -140,8 +140,8 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
flex-wrap: wrap;
align-items: top;
justify-content: space-evenly;
background-color: var(--c-darkergray);
border: 2px var(--c-darkpurple) solid;
background-color: var(--c-primary-background);
border: 2px var(--c-accent-1) solid;
border-top: 0px;
z-index: 99;
transform: scaleY(0);
@ -150,7 +150,7 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
top: 90%;
padding-top: 0.5rem;
margin-top: 0.2rem;
color: white;
color: var(--c-primary-text);
border-radius: 0px 0px 1.25rem 1.25rem;
width: 100%;
}
@ -168,8 +168,8 @@ const hasuser = user !== undefined ? 'display: flex' : 'display: none'
a:hover .expand-on-hover {
transform: scaleY(1);
transition: transform 200ms ease-in-out;
background-color: var(--c-darkergray);
transition: transform var(--a-time-default) var(--a-animation-1);
background-color: var(--c-primary-background);
}
@media (min-width: 512px) {