From 671130e4e9c83f9b744d3078025fe5b82a1c0cfd Mon Sep 17 00:00:00 2001
From: chankalan <chankalan@choc0.net>
Date: Tue, 17 Sep 2024 13:46:51 +0200
Subject: [PATCH] =?UTF-8?q?pouvoir=20utiliser=20fontawesome=20regular=20+?=
 =?UTF-8?q?=20d=C3=A9placer=20le=20bouton=20du=20calendrier=20ics?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 squelettes/header/dist.html        | 6 +++---
 squelettes/scss/base/_fonts.scss   | 1 +
 squelettes/scss/base/_typo.scss    | 8 ++++++--
 squelettes/scss/styles/_perso.scss | 7 ++++---
 4 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/squelettes/header/dist.html b/squelettes/header/dist.html
index f46b538..4e13dcf 100644
--- a/squelettes/header/dist.html
+++ b/squelettes/header/dist.html
@@ -9,9 +9,9 @@
 	<INCLURE{fond=inclure/nav-secteurs, env} />
 	<div class="liens">
 		[<div class="ajax">(#FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{2})</div>]
-		<div class="sociaux_podcast"><BOUCLE_ics(DOCUMENTS){id_document = #CONFIG{libreavous/calendrier_emissions}}{tout}>
-			<a href="#URL_DOCUMENT" class="calendrier_emissions" title="[(#CONFIG{libreavous/calendrier_emissions_title}|attribut_html)]"><i class="fas fa-calendar left"></i><span class="visuallyhidden">Télécharger le calendrier des émissions de la saison en cours</span></a></BOUCLE_ics>
-			<INCLURE{fond=inclure/rezo} />
+		<div class="sociaux_podcast">
+			<INCLURE{fond=inclure/rezo} /><BOUCLE_ics(DOCUMENTS){id_document = #CONFIG{libreavous/calendrier_emissions}}{tout}>
+			<a href="#URL_DOCUMENT" class="calendrier_emissions" title="[(#CONFIG{libreavous/calendrier_emissions_title}|attribut_html)]"><i class="far fa-calendar-alt left"></i><span class="visuallyhidden">Télécharger le calendrier des émissions de la saison en cours</span></a></BOUCLE_ics>
 			<a href="/rss" class="btn"><i class="fas fa-rss left"></i>S'abonner au podcast</a>
 		</div>
 	</div>
diff --git a/squelettes/scss/base/_fonts.scss b/squelettes/scss/base/_fonts.scss
index 9993506..ef1ceff 100644
--- a/squelettes/scss/base/_fonts.scss
+++ b/squelettes/scss/base/_fonts.scss
@@ -17,6 +17,7 @@
 /* fonts */
 @include font-face(Fontawesome-s, fa-solid-900);
 @include font-face(Fontawesome-b, fa-brands-400);
+@include font-face(Fontawesome-r, fa-regular-400);
 
 @include font-face(Metropolis, metropolis-light-webfont, 200, normal);
 @include font-face(Metropolis, metropolis-lightitalic-webfont, 200, italic);
diff --git a/squelettes/scss/base/_typo.scss b/squelettes/scss/base/_typo.scss
index fc57034..ecd57d5 100644
--- a/squelettes/scss/base/_typo.scss
+++ b/squelettes/scss/base/_typo.scss
@@ -1,10 +1,14 @@
 /* Font Awesome */
 .fas {
-	font-family:Fontawesome-s;
+	font-family: Fontawesome-s;
 	color:$couleurPrincipale;
 }
 .fab {
-	font-family:Fontawesome-b;
+	font-family: Fontawesome-b;
+	color:$couleurPrincipale;
+}
+.far {
+	font-family: Fontawesome-r;
 	color:$couleurPrincipale;
 }
 
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss
index 80d4bfc..8027878 100644
--- a/squelettes/scss/styles/_perso.scss
+++ b/squelettes/scss/styles/_perso.scss
@@ -88,7 +88,8 @@ span.btn {
 					font-size: 1.4em;
 					border: 0;
 					padding: 0 0.35em;
-					 .fas {
+					margin: 0 1rem 0 0;
+					 .far {
 						color: white;
 					}
 					&:hover, &:focus {
@@ -101,7 +102,7 @@ span.btn {
 			.sociaux {
 				display: inline-block;
 				font-size: 1.1rem;
-				margin: 0 1rem 0 0;
+				margin: 0;
 				.socicon {
 					background: none !important;
 					color: $blancTransparent;
@@ -372,7 +373,7 @@ html .formulaire_spip input[type="text"] {
 			}
 		}
 	}
-	> article {
+	> article, > section {
 		padding:2rem 4rem;
 		@include media($bp-medium) {
 			padding:2rem 2rem 1rem;