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/titles
smallTitle.astro

18
src/components/titles/smallTitle.astro
View file

@ -22,20 +22,20 @@ const displayBackButton = returnbutton ? "": "display: none"
a {
font-weight: 500;
font-family: 'Work Sans Variable', sans-serif;
color: white;
color: var(--c-primary-text);
margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem;
text-decoration: none;
background-color: var(--c-lightgray);
background-color: var(--c-secondary-background);
border-radius: 10px;
border-style: solid;
border-width: 2px;
border-color: var(--c-lightgray);
border-color: var(--c-secondary-background);
text-transform: capitalize;
}
a:hover {
border-color: var(--c-darkpurple);
border-color: var(--c-accent-1);
}
.wrap {
@ -46,13 +46,13 @@ const displayBackButton = returnbutton ? "": "display: none"
align-items: center;
flex-wrap: wrap;
flex-direction: column;
color: var(--c-lighter);
background-color: var(--c-darkergray);
color: var(--c-primary-text);
background-color: var(--c-primary-background);
}
.fade {
margin-top: 2rem;
background: linear-gradient(to bottom, transparent, var(--c-lightgray));
background: linear-gradient(to bottom, transparent, var(--c-secondary-background));
height: 2.5rem;
width: 100%;
}
@ -73,12 +73,12 @@ const displayBackButton = returnbutton ? "": "display: none"
}
.head {
color: var(--c-darkpurple);
color: var(--c-accent-1);
}
@supports (background-clip: text) {
.head {
background: linear-gradient(125deg, var(--c-darkpurple), var(--c-purplepink), var(--c-reddish) );
background: linear-gradient(125deg, var(--c-accent-1), var(--c-accent-1-alt), var(--c-accent-2) );
background-clip: text;
color: transparent;
}