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;