les-particules
/
les-particules-org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: amélioration présentation des dates

main
Jalil Arfaoui 2023-09-27 18:04:20 +02:00
parent bd4590490c
commit 4d99e83e7b
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/index.astro
View File

@ -13,8 +13,8 @@ import Card from '../components/Card.astro';
La troupe d'improvisation théâtrale chatouilleuse, curieuse, créative et autogérée<br/> La troupe d'improvisation théâtrale chatouilleuse, curieuse, créative et autogérée<br/>
📌 Albi, Occitanie 📌 Albi, Occitanie
</p> </p>
<div class="instructions"> <div class="dates">
Retrouvez-nous prochainement : <span class="title">Retrouvez-nous prochainement <span>&rarr;</span></span>
<ul> <ul>
<li>28 octobre 2023 à 19h30 au <a target="_blank" href="https://cartessurtable.wixsite.com/cartes-sur-table">Cartes sur Table</a> à Gaillac</li> <li>28 octobre 2023 à 19h30 au <a target="_blank" href="https://cartessurtable.wixsite.com/cartes-sur-table">Cartes sur Table</a> à Gaillac</li>
</ul> </ul>
@ -62,7 +62,7 @@ import Card from '../components/Card.astro';
background-size: 400%; background-size: 400%;
background-position: 0%; background-position: 0%;
} }
.instructions { .instructions, .dates {
line-height: 1.6; line-height: 1.6;
margin: 1rem 0; margin: 1rem 0;
border: 1px solid rgba(var(--accent), 25%); border: 1px solid rgba(var(--accent), 25%);
@ -70,14 +70,6 @@ import Card from '../components/Card.astro';
padding: 1rem; padding: 1rem;
border-radius: 0.4rem; border-radius: 0.4rem;
} }
.instructions code {
font-size: 0.875em;
font-weight: bold;
background: rgba(var(--accent), 12%);
color: rgb(var(--accent));
border-radius: 4px;
padding: 0.3em 0.45em;
}
.instructions strong { .instructions strong {
color: rgb(var(--accent)); color: rgb(var(--accent));
} }
@ -87,4 +79,20 @@ import Card from '../components/Card.astro';
gap: 1rem; gap: 1rem;
padding: 0; padding: 0;
} }
.dates {
color:#111;
font-size: 1.25rem;
line-height: 1.4;
}
.dates .title {
font-weight: bold;
opacity: 0.8;
}
.dates ul {
list-style: none;
}
.dates li {
color:#444;
}
</style> </style>