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

20
src/layouts/blogSection.astro
View file

@ -42,7 +42,7 @@ const line = displayLine ? "flex" : "none"
bottom: -5rem;
border-radius: 0% 50% 50% 50%;
transform: rotate(45deg);
background-color: var(--c-darkpurple);
background-color: var(--c-accent-1);
}
.start {
@ -50,8 +50,8 @@ const line = displayLine ? "flex" : "none"
border-radius: 40%;
border-style: solid;
border-width: 0.25rem;
border-color: var(--c-lightgray);
background-color: var(--c-darkpurple);
border-color: var(--c-secondary-background);
background-color: var(--c-accent-1);
}
.line {
@ -62,7 +62,7 @@ const line = displayLine ? "flex" : "none"
right: 0;
margin-left: auto;
margin-right: auto;
background-color: var(--c-darkpurple);
background-color: var(--c-accent-1);
height: calc(100% + 5rem);
translate: 0% 2rem;
width: 0.25rem;
@ -71,14 +71,14 @@ const line = displayLine ? "flex" : "none"
h1 {
line-height: 48px;
letter-spacing: -1px;
color: white;
color: var(--c-primary-text);
font-size: 1.6rem;
margin-top: 1rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
max-width: max-content;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
padding: 0.25rem 1.5rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
@ -96,7 +96,7 @@ const line = displayLine ? "flex" : "none"
align-content: center;
justify-content: space-around;
padding: 1em;
color: white;
color: var(--c-primary-text);
font-size: 1em;
position: relative;
}
@ -115,10 +115,10 @@ const line = displayLine ? "flex" : "none"
font-size: 1.85rem;
}
}
@media (min-width: 1500px) {
@media (min-width: 1100px) {
.wrapper {
margin-left: 15rem;
margin-right: 15rem;
margin-left: 20%;
margin-right: 20%;
flex-direction: row;
}
section {