vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 3 Pull requests Activity

redesign blog articles

Browse source
This commit is contained in:
Vri 🌈 2023-03-15 14:29:23 +01:00
parent 87a84a23ba
commit 62b789d781
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 31 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

30
assets/scss/blog.scss
View file

@ -16,11 +16,11 @@
#blog-header {
background: var(--vriish-gradient);
font-family: "playfair";
font-size: 2rem;
font-size: 1.5rem;
height: 40vh;
color: var(--vriish-gradient-text);
mask: var(--vriish-waves);
padding: 1rem 1rem 3rem 1rem;
padding: 1rem 6rem 3rem 6rem;
display: flex;
flex-direction: column;
place-content: center;
@ -28,13 +28,14 @@
@media (max-width: 1140px) {
height: 30vh;
font-size: 1.5rem;
font-size: 1rem;
}
h1 {
letter-spacing: 0.3rem;
font-size: 4rem;
margin: 0;
font-size: 3.5rem;
margin: 0 auto;
max-width: 1000px;
@media (max-width: 1140px) {
font-size: 2.5rem;
}
@ -42,10 +43,27 @@
p {
letter-spacing: 0.15rem;
margin: 0;
margin: 0 auto;
max-width: 1000px;
}
}
main {
max-width: 800px;
h1, h2, h3, h4, h5, h6 {
margin-top: 2.5rem !important;
}
p {
margin: 1.5rem 0;
}
}
// single page
// list
#posts-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 18rem));