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/layouts
blogPost.astro

54
src/layouts/blogPost.astro
View file

@ -33,8 +33,8 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
justify-content: center;
width: 100%;
text-align: center;
color: white;
background-color: var(--c-gray);
color: var(--c-primary-text);
background-color: var(--c-secondary-background);
padding: 0.5rem 0px;
margin-bottom: 2rem;
text-decoration: none;
@ -43,31 +43,31 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
font-size: 34px;
line-height: 40px;
letter-spacing: -1px;
color: white;
color: var(--c-primary-text);
margin: 0.5rem 3rem 0.5rem 3rem;
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
padding: 0.25rem 1rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
}
p {
color: white;
color: var(--c-primary-text);
margin: 0.5rem 3rem 0.5rem 3rem;
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-gray);
background-color: var(--c-secondary-background);
border-radius: 0.5rem;
padding-bottom: 0.5rem;
}
article :global(h2) {
margin-right: 3rem;
word-wrap: normal;
color: white;
color: var(--c-primary-text);
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
padding: 0.25rem 1rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
@ -77,10 +77,10 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
margin-bottom: 0.5rem;
margin-right: 3rem;
word-wrap: normal;
color: white;
color: var(--c-primary-text);
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
padding: 0.25rem 1rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
@ -90,10 +90,10 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
margin-bottom: 0.5rem;
margin-right: 3rem;
word-wrap: normal;
color: white;
color: var(--c-primary-text);
padding: 0.25rem 0.75rem;
max-width: max-content;
background-color: var(--c-darkgray);
background-color: var(--c-primary-background);
padding: 0.25rem 1rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
@ -104,9 +104,10 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
font-style: italic;
}
article {
color: white;
color: var(--c-primary-text);
margin: 0.5rem 3rem 0.5rem 3rem;
font-size: 1.1em;
text-align: justify;
padding-bottom: 5rem;
}
article :global(.astro-code) {
@ -120,31 +121,16 @@ const subtext = `Written by ${frontmatter.author} • Published on ${date}`
@media (min-width: 1000px) {
article {
margin-left: 10rem;
margin-right: 10rem;
margin-left: 22.5%;
margin-right: 22.5%;
}
h1 {
margin-left: 10rem;
margin-right: 10rem;
margin-left: 20%;
margin-right: 20%;
}
p {
margin-left: 10rem;
margin-right: 10rem;
}
}
@media (min-width: 1500px) {
article {
margin-left: 20rem;
margin-right: 20rem;
}
h1 {
margin-left: 20rem;
margin-right: 20rem;
}
p {
margin-left: 20rem;
margin-right: 20rem;
margin-left: 20%;
margin-right: 20%;
}
}
</style>