Make top-gap configurable · vielle.dev/site-archive@48f8615

vielle.dev / site-archive

fork atom

[Archived] Archived WIP of vielle.dev

fork atom

Make top-gap configurable

vielle.dev 9 months ago 48f8615d 171dc228

+4 -2

2 changed files

expand all

src

config.ts

pages

blog

index.astro

src/config.ts

··· 4 4 xPadding: 2, 5 5 yLeeway: 5, 6 6 yGap: 20, 7 + topYGap: 35, 7 8 drift: [0.1, 1], 8 9 timing: [10, 20], 9 10 }, ··· 46 47 [5, 10], 47 48 [10, 20], 48 49 ], 50 + opacity: [0.6, 0.9], 49 51 }, 50 52 } as const; 51 53

+2 -2

src/pages/blog/index.astro

··· 50 50 } 51 51 52 52 .top-offset { 53 - height: 30rem; 53 + height: var(--top-gap); 54 54 } 55 55 </style> 56 56 ··· 65 65 </a> 66 66 </heading> 67 67 68 - <div class="top-offset"></div> 68 + <div class="top-offset" style={`--top-gap: ${blog.post.topYGap}rem;`}></div> 69 69 70 70 { 71 71 posts.map((x, i) => (