pouvoir utiliser fontawesome regular + déplacer le bouton du calendrier ics

This commit is contained in:
chankalan 2024-09-17 13:46:51 +02:00
parent 66cf201931
commit 671130e4e9
4 changed files with 14 additions and 8 deletions

View File

@ -9,9 +9,9 @@
<INCLURE{fond=inclure/nav-secteurs, env} /> <INCLURE{fond=inclure/nav-secteurs, env} />
<div class="liens"> <div class="liens">
[<div class="ajax">(#FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{2})</div>] [<div class="ajax">(#FORMULAIRE_ABOMAILMAN_MINI_UNE_LISTE{2})</div>]
<div class="sociaux_podcast"><BOUCLE_ics(DOCUMENTS){id_document = #CONFIG{libreavous/calendrier_emissions}}{tout}> <div class="sociaux_podcast">
<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} /><BOUCLE_ics(DOCUMENTS){id_document = #CONFIG{libreavous/calendrier_emissions}}{tout}>
<INCLURE{fond=inclure/rezo} /> <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> <a href="/rss" class="btn"><i class="fas fa-rss left"></i>S'abonner au podcast</a>
</div> </div>
</div> </div>

View File

@ -17,6 +17,7 @@
/* fonts */ /* fonts */
@include font-face(Fontawesome-s, fa-solid-900); @include font-face(Fontawesome-s, fa-solid-900);
@include font-face(Fontawesome-b, fa-brands-400); @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-light-webfont, 200, normal);
@include font-face(Metropolis, metropolis-lightitalic-webfont, 200, italic); @include font-face(Metropolis, metropolis-lightitalic-webfont, 200, italic);

View File

@ -1,10 +1,14 @@
/* Font Awesome */ /* Font Awesome */
.fas { .fas {
font-family:Fontawesome-s; font-family: Fontawesome-s;
color:$couleurPrincipale; color:$couleurPrincipale;
} }
.fab { .fab {
font-family:Fontawesome-b; font-family: Fontawesome-b;
color:$couleurPrincipale;
}
.far {
font-family: Fontawesome-r;
color:$couleurPrincipale; color:$couleurPrincipale;
} }

View File

@ -88,7 +88,8 @@ span.btn {
font-size: 1.4em; font-size: 1.4em;
border: 0; border: 0;
padding: 0 0.35em; padding: 0 0.35em;
.fas { margin: 0 1rem 0 0;
.far {
color: white; color: white;
} }
&:hover, &:focus { &:hover, &:focus {
@ -101,7 +102,7 @@ span.btn {
.sociaux { .sociaux {
display: inline-block; display: inline-block;
font-size: 1.1rem; font-size: 1.1rem;
margin: 0 1rem 0 0; margin: 0;
.socicon { .socicon {
background: none !important; background: none !important;
color: $blancTransparent; color: $blancTransparent;
@ -372,7 +373,7 @@ html .formulaire_spip input[type="text"] {
} }
} }
} }
> article { > article, > section {
padding:2rem 4rem; padding:2rem 4rem;
@include media($bp-medium) { @include media($bp-medium) {
padding:2rem 2rem 1rem; padding:2rem 2rem 1rem;