Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 69 Packages Wiki Activity Actions

Blog Site

Browse source
This commit is contained in:
Firq 2023-07-08 14:47:15 +02:00
parent 5efe87dcdc
commit 4da3f4323c
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
3 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/blogCard.astro
View file

@ -37,7 +37,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
visibility: visible; visibility: visible;
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
border-radius: 50%; border-radius: 40%;
background-color: var(--c-darkpurple); background-color: var(--c-darkpurple);
transition: transform var(--speed) var(--ease); transition: transform var(--speed) var(--ease);
} }
@ -96,6 +96,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
text-align: center; text-align: center;
transition: transform var(--speed) var(--ease); transition: transform var(--speed) var(--ease);
min-height: 100%; min-height: 100%;
border-radius: 1.25rem;
} }
a:hover > article { a:hover > article {
transform: scaleY(102.5%) scaleX(101%); transform: scaleY(102.5%) scaleX(101%);

14
src/layouts/blogSection.astro
View file

@ -46,6 +46,9 @@ const { title } = Astro.props
z-index: -1; z-index: -1;
} }
h1 { h1 {
font-size: 40px;
line-height: 48px;
letter-spacing: -1px;
color: white; color: white;
font-size: 2.25rem; font-size: 2.25rem;
margin-top: 1rem; margin-top: 1rem;
@ -55,6 +58,9 @@ const { title } = Astro.props
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
max-width: max-content; max-width: max-content;
background-color: var(--c-darkgray); background-color: var(--c-darkgray);
padding: 0.25rem 1.5rem;
border-radius: 0.5rem;
padding-bottom: 0.5rem;
} }
.wrapper { .wrapper {
margin: 2rem 3rem 0.5rem 3rem; margin: 2rem 3rem 0.5rem 3rem;
@ -80,12 +86,12 @@ const { title } = Astro.props
} }
@media (min-width: 1500px) { @media (min-width: 1500px) {
.wrapper { .wrapper {
margin-left: 15rem; margin-left: 20rem;
margin-right: 15rem; margin-right: 20rem;
} }
h1 { h1 {
margin-left: 15rem; margin-left: 20rem;
margin-right: 15rem; margin-right: 20rem;
} }
} }
</style> </style>

3
src/layouts/taSection.astro
View file

@ -33,6 +33,9 @@ if (abovetext === undefined) {
padding: 1em; padding: 1em;
} }
h1 { h1 {
font-size: 40px;
line-height: 48px;
letter-spacing: -1px;
color: white; color: white;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 0; margin-bottom: 0;