zds-site icon indicating copy to clipboard operation
zds-site copied to clipboard

Augmenter légèrement la taille des équations de maths ?

Open Situphen opened this issue 5 years ago • 3 comments

Dans ce sujet du forum, il y a une équation de maths avec des indices difficiles à lire. J'ai l'impression que nos équations sont affichées un peu plus petites que sur le site de KaTeX. Je propose qu'on augmente un peu la taille des équations de maths pour rendre leur lecture plus simples.

Situphen avatar Oct 15 '19 22:10 Situphen

Pour les équations entre les paragraphes

Je pense que l'option 1 est la meilleure car l'option 2 est trop grande par rapport au texte (qui est en font-size: 1.4rem).

Actuellement : font-size: 1.4rem

image image

Option 1 : font-size: 1.6rem

image image

Option 2 : font-size: 1.8rem

image image

Situphen avatar Sep 25 '21 11:09 Situphen

Pour les équations au sein d'un paragraphe ou d'une liste

Je pense qu'il faut rester comme actuellement car on est à la même taille que le texte (qui est en font-size: 1.4rem aussi) et que si on augmente ça va faire un peu tâche. De toute façon il ne devrait pas y avoir d'équations importantes au sein d'un paragraphe.

Actuellement : font-size: 1.4rem

image

Option 1 : font-size: 1.6rem

image

Option 2 : font-size: 1.8rem

image

Situphen avatar Sep 25 '21 11:09 Situphen

D'accord, avec toi. Option 1 pour les équations block, qui améliore la lisibilité des petits caractères en indice, et rester comme actuellement quand c'est inline.

Arnaud-D avatar Sep 25 '21 11:09 Arnaud-D

Instructions :

  • Pour les équations au sein d'un paragraphe ou d'une liste : rien ne change
  • Pour les équations entre les paragraphes : on passe met font-size: 1.6rem au lieu de la taille par défaut

Dans le fichier assets/scss/base/_content.scss aux alentours de la ligne 580, ajouter ce code :

.math-display {
    font-size: 1.6rem;
}

Situphen avatar Nov 27 '22 20:11 Situphen

Et encore mieux, utiliser $font-size-9, qui vaut actuellement 1.6rem ! Pour information, c’est défini dans le fichier assets/scss/variables/_typography.scss.

Arnaud-D avatar Nov 28 '22 07:11 Arnaud-D