Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

About fix, blog redesign

Browse source
This commit is contained in:
Firq 2023-03-14 20:34:51 +01:00
parent c06e0d2547
commit 10f7a6c840
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
4 changed files with 59 additions and 14 deletions
src/components
blogCard.astro

18
src/components/blogCard.astro
View file

@ -25,28 +25,29 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
<style>
a {
display: flex;
text-decoration: none;
height: auto;
margin: 0.5rem;
width: 100%;
}
p {
color: white;
padding: 0em 0.5em;
text-align: left;
font-size: 1.1em;
margin: 0.5em;
}
article > h2 {
margin: 0.3em 0px;
margin: 0.3rem 0.5rem;
color: var(--c-darkpurple);
font-size: 1.3em;
font-size: 1.5rem;
line-height: normal;
text-decoration: none;
}
article > h3 {
margin: 0.2em;
margin: 0.2em 0.5rem;
color: white;
font-size: 0.8em;
font-size: 1rem;
line-height: normal;
text-decoration: none;
}
@ -55,17 +56,16 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
flex: 1;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
align-items: flex-start;
align-content: flex-start;
justify-content: baseline;
justify-content: center;
background-color: var(--c-darkergray);
padding: 10px;
text-align: center;
transition: transform var(--speed) var(--ease);
min-height: 100%;
width: 11rem;
}
a:hover {
transform: scale(var(--hover-scale));
transform: scale(102%);
}
</style>