Ajout des sélecteurs de Tiny Typo
Si vous avez déjà utilisé Tiny Typo dans SPIP, vous avez peut-être remarqué que certains styles ne s’appliquent pas bien, notamment aux tableaux, aux listes, aux liens…
Rappelons que les styles CSS s’appuient sur des sélecteurs présents dans la page HTML. Lorsque les sélecteurs ne sont pas présents, le style correspondant ne s’applique pas. Par exemple, les tableaux sont stylés avec « .table
» dans Tiny Typo et avec « .spip
» dans SPIP. Les styles de tableaux de Tiny Typo ne s’appliquent donc pas dans SPIP, même s’ils sont effectivement présents. Il faut donc ajouter les sélecteurs adéquats au code HTML généré par SPIP. C’est le but de ce plugin.
Ce plugin donc permet de bénéficier de TOUS les styles de Tiny Typo en ajoutant les sélecteurs correspondants au code généré par SPIP, ce qui évite les surcharges via CSS, peu pérennes. Voici les principales corrections apportées :
sélecteur CSS | code SPIP natif | code SPIP corrigé |
---|---|---|
Pour signaler les liens externes (.external ) |
class="spip_out |
class="external |
class="spip_url |
class="external | |
class="spip_glossaire |
class="external | |
Pour signaler les courriels (.mailto ) |
class="spip_mail |
class="mailto |
Pour styler les tableaux de données (.table ) |
<table class="spip |
<table class="table spip |
Pour les vignettes (.thumb ) |
class="spip_logos |
class="thumb spip_logo |
class="spip_logo | ||
Pour centrer (.center ) |
class="spip_logo_center |
class="center |
class="spip_documents_center | ||
Pour aligner à gauche (.left ) |
class="spip_logo_left |
class="left |
class="spip_documents_left | ||
Pour aligner à droite (.right ) |
class="spip_logo_right |
class="right |
class="spip_documents_right | ||
Pour surligner les résultats de recherche (.mark ) |
class="spip_surligne |
class="mark |
Notez qu’il supprime aussi ces sélecteurs superflus : .spip_in, hr.spip, blockquote.spip
et corrige un bug d’alignement en supprimant un style généré abusif qui forçait le centrage du texte des documents.
Styles correspondants
Ce plugin distribue aussi la dernière version stable des styles de Tiny Typo et une version consécutivement allégée de spip.css
qui évite d’éventuels conflits de style.
Aucune discussion
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |