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 @@
[
(#FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{2})
]
-
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;