feat: améliore la lisibilité du contenu avec un overlay semi-transparent sur le fond du layout
This commit is contained in:
parent
62e733c4d0
commit
8116c5d0d6
1 changed files with 14 additions and 0 deletions
|
|
@ -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{
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue