feat: améliore la lisibilité du contenu avec un overlay semi-transparent sur le fond du layout

This commit is contained in:
Jalil Arfaoui 2025-08-11 19:18:24 +02:00
parent 62e733c4d0
commit 8116c5d0d6

View file

@ -65,6 +65,20 @@ const { title } = Astro.props;
main {
padding: 1.5rem;
max-width: 80ch;
position: relative;
}
/* Overlay semi-transparent derrière le contenu pour améliorer la lisibilité */
main::before {
content: '';
position: absolute;
top: -2rem;
left: -2rem;
right: -2rem;
bottom: -2rem;
background: rgba(255, 255, 255, 0.85);
z-index: -1;
border-radius: 1rem;
}
footer{