webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: layouting for blog posts

Browse source 
For better readability
This commit is contained in:
webfussel 2025-08-18 14:05:37 +02:00
parent d16d8a59d1
commit 2466e7dc89
1 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/assets/css/blog/article.css
View file

@ -1,6 +1,7 @@
.BlogArticle {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
& .meta {
@ -12,6 +13,7 @@
& .article-content {
background: var(--color-black);
border-radius: 1rem;
max-width: 1000px;
}
& .article-text {
@ -23,21 +25,25 @@
}
h1 {
font-size: 2rem;
font-size: 3rem;
display: flex;
flex-direction: column;
& small {
font-size: 1.2rem;
font-size: 1.5rem;
font-style: italic;
}
}
h2 {
font-size: 1.5rem;
font-size: 2rem;
font-weight: lighter;
margin-top: 2rem;
margin-bottom: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
border-top: 1px solid var(--color-white-transparent);
border-bottom: 1px solid var(--color-white-transparent);
}
& .image {
@ -56,7 +62,9 @@
}
}
& ul, & ol,
& p {
margin-bottom: .5rem;
font-size: 1.2rem;
margin-bottom: .5rem;
}
}