Make gradient background repeat every 100vh

- Add background-size: 100% 100vh to fix gradient height to viewport
- Add background-repeat: repeat-y to tile gradient vertically
- Gradient pattern now repeats down the page as content grows
- Animation applies consistently to all repeated background tiles
- Creates seamless repeating pattern while maintaining hue rotation
This commit is contained in:
Glen Maddern 2025-06-23 21:29:22 +10:00
commit 71b07c488b

View file

@ -23,6 +23,8 @@
right: 0;
bottom: 0;
background: linear-gradient(135deg, #fdf2f8, #faf5ff, #eef2ff);
background-size: 100% 100vh;
background-repeat: repeat-y;
animation: hue-rotate 60s linear infinite;
animation-delay: var(--random-delay, 0s);
z-index: -1;