nonscollectif/nonscollectif-org
nonscollectif/nonscollectif-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: change les couleurs amber à slate

Browse source
This commit is contained in:
Jalil Arfaoui 2022-07-28 15:04:35 +02:00
parent 871851e13d
commit 307bef8c56
6 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/footer.njk
View file

@ -1 +1 @@
<footer class="text-amber-100 text-sm mx-auto mt-8 pb-2 text-center absolute bottom-0 left-1/2 -translate-x-1/2 ">NonSco’llectif 2022 - Mentions légales</footer> <footer class="text-slate-100 text-sm mx-auto mt-8 pb-2 text-center absolute bottom-0 left-1/2 -translate-x-1/2 ">NonSco’llectif 2022 - Mentions légales</footer>

4
src/actualites.njk
View file

@ -12,11 +12,11 @@ eleventyNavigation:
{% for actualite in liste %} {% for actualite in liste %}
<li class="{% if actualite.url == url %} famille-item-active{% endif %}"> <li class="{% if actualite.url == url %} famille-item-active{% endif %}">
<a href="{{ actualite.url | url }}" class="no-underline"> <a href="{{ actualite.url | url }}" class="no-underline">
<div class="flex flex-col border-2 border-amber-900 bg-amber-900 rounded-lg m-2 text-white drop-shadow-md"> <div class="flex flex-col border-2 border-slate-900 bg-slate-900 rounded-lg m-2 text-white drop-shadow-md">
<span class="m-2 font-bold">{{ actualite.data.title }}</span> <span class="m-2 font-bold">{{ actualite.data.title }}</span>
<img class="max-h-56 object-cover" src="{{actualite.data.image}}" /> <img class="max-h-56 object-cover" src="{{actualite.data.image}}" />
<blockquote class="text-sm m-2 h-28">{{ actualite.data.page.excerpt }}</blockquote> <blockquote class="text-sm m-2 h-28">{{ actualite.data.page.excerpt }}</blockquote>
<time class="bg-white text-amber-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time> <time class="bg-white text-slate-800 rounded-b-lg px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
</div> </div>
</a> </a>
</li> </li>

4
src/index.njk
View file

@ -37,8 +37,8 @@ Dans les médias et sur les réseaux, on <a href="/on-parle-de-nous">parle de no
{% for actualite in liste %} {% for actualite in liste %}
<li class="{% if actualite.url == url %} famille-item-active{% endif %}"> <li class="{% if actualite.url == url %} famille-item-active{% endif %}">
<a href="{{ actualite.url | url }}" class="no-underline"> <a href="{{ actualite.url | url }}" class="no-underline">
<div class="flex flex-col justify-start md:flex-row bg-amber-900 rounded-xl m-2 text-white drop-shadow-md p-0 overflow-hidden relative"> <div class="flex flex-col justify-start md:flex-row bg-slate-900 rounded-xl m-2 text-white drop-shadow-md p-0 overflow-hidden relative">
<time class="absolute bottom-0 text-bold text-sm right-0 bg-white text-amber-800 px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time> <time class="absolute bottom-0 text-bold text-sm right-0 bg-white text-slate-800 px-4 py-1 text-center" datetime="{{ actualite.date | htmlDateString }}">{{ actualite.date | readableDate }}</time>
<img class="hidden flex-none w-48 md:block md:rounded-none" src="{{actualite.data.image}}" /> <img class="hidden flex-none w-48 md:block md:rounded-none" src="{{actualite.data.image}}" />
<div class="flex flex-col"> <div class="flex flex-col">
<span class="m-2 font-bold">{{ actualite.data.title }}</span> <span class="m-2 font-bold">{{ actualite.data.title }}</span>

4
src/style/base.css
View file

@ -6,10 +6,10 @@
@apply text-4xl mb-2; @apply text-4xl mb-2;
} }
h2 { h2 {
@apply text-2xl underline decoration-amber-900 decoration-4 mt-6 block; @apply text-2xl underline decoration-slate-900 decoration-4 mt-6 block;
} }
h3 { h3 {
@apply mt-6 text-amber-900 font-bold; @apply mt-6 text-slate-900 font-bold;
} }
main { main {
@apply p-4; @apply p-4;

2
src/style/global.pcss
View file

@ -22,5 +22,5 @@
} }
.centered-button { .centered-button {
@apply w-48 block text-xl mt-6 px-6 py-3 text-white no-underline bg-amber-600 rounded hover:bg-slate-600 hover:underline mx-auto text-center; @apply w-48 block text-xl mt-6 px-6 py-3 text-white no-underline bg-slate-600 rounded hover:bg-slate-600 hover:underline mx-auto text-center;
} }

4
src/style/header.pcss
View file

@ -17,14 +17,14 @@ header {
> li:hover { > li:hover {
> ul { > ul {
@apply block absolute z-10 left-1 top-6 flex flex-col bg-amber-200 drop-shadow-lg rounded-md border-amber-900 border-2 m-1; @apply block absolute z-10 left-1 top-6 flex flex-col bg-slate-200 drop-shadow-lg rounded-md border-slate-900 border-2 m-1;
> li { > li {
@apply whitespace-nowrap p-1; @apply whitespace-nowrap p-1;
} }
> li:hover { > li:hover {
@apply bg-amber-800 text-white; @apply bg-slate-800 text-white;
} }
} }
} }