Plugin Tiny Typo

Ce plugin porte Tiny Typo dans SPIP. Il en distribue les CSS à jour et permet de tirer profit de TOUS les styles de Tiny Typo dans SPIP.

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 CSScode SPIP natifcode 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.

Dernière modification de cette page le 13 février 2019

Discussion

Aucune discussion

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom