Commit 2ca0c0e2 authored by Mickaël Bourgier's avatar Mickaël Bourgier
Browse files

🚨 [Doc] Fix bad DOM nesting

parent f725151a
......@@ -15,142 +15,137 @@ const Text = () => (
</p>
<h5>Différences à noter</h5>
<p>
Les classes suivantes n'existent pas :
<ul>
<li>
<code>.font-italic</code> (remplacée par{' '}
<code>.font-style-italic</code>)
</li>
<li>
<code>.text-monospace</code> (remplaçable par la classe{' '}
<code>.mono</code> présente dans la fonctionnalité <em>typography</em>
)
</li>
<li>
<code>.text-reset</code>
</li>
</ul>
</p>
<p>
Les classes suivantes ont été ajoutées :
<ul>
<li>
<code>.font-style-normal</code>
</li>
<li>
<code>.text-decoration-underline</code>
</li>
</ul>
</p>
<p>Les classes suivantes n'existent pas :</p>
<ul>
<li>
<code>.font-italic</code> (remplacée par <code>.font-style-italic</code>
)
</li>
<li>
<code>.text-monospace</code> (remplaçable par la classe{' '}
<code>.mono</code> présente dans la fonctionnalité <em>typography</em>)
</li>
<li>
<code>.text-reset</code>
</li>
</ul>
<p>Les classes suivantes ont été ajoutées :</p>
<ul>
<li>
<code>.font-style-normal</code>
</li>
<li>
<code>.text-decoration-underline</code>
</li>
</ul>
<p>
Les classes de graissage de police absolues suivent les spécifications{' '}
<a href='https://docs.microsoft.com/en-us/typography/opentype/spec/os2#usweightclass'>
OpenType
</a>{' '}
et sont les suivantes :
<ul>
<li>
<code>.font-weight-thin</code>
</li>
<li>
<code>.font-weight-extralight</code>
</li>
<li>
<code>.font-weight-light</code>
</li>
<li>
<code>.font-weight-normal</code>
</li>
<li>
<code>.font-weight-medium</code>
</li>
<li>
<code>.font-weight-semibold</code>
</li>
<li>
<code>.font-weight-bold</code>
</li>
<li>
<code>.font-weight-extrabold</code>
</li>
<li>
<code>.font-weight-black</code>
</li>
</ul>
</p>
<ul>
<li>
<code>.font-weight-thin</code>
</li>
<li>
<code>.font-weight-extralight</code>
</li>
<li>
<code>.font-weight-light</code>
</li>
<li>
<code>.font-weight-normal</code>
</li>
<li>
<code>.font-weight-medium</code>
</li>
<li>
<code>.font-weight-semibold</code>
</li>
<li>
<code>.font-weight-bold</code>
</li>
<li>
<code>.font-weight-extrabold</code>
</li>
<li>
<code>.font-weight-black</code>
</li>
</ul>
<p>
Les infixes responsives sont également disponibles pour les classes
suivantes :
<ul>
<li>
<code>.text-*-wrap</code>
</li>
<li>
<code>.text-*-nowrap</code>
</li>
<li>
<code>.text-*-truncate</code>
</li>
<li>
<code>.text-*-break</code>
</li>
<li>
<code>.text-*-lowercase</code>
</li>
<li>
<code>.text-*-uppercase</code>
</li>
<li>
<code>.text-*-capitalize</code>
</li>
<li>
<code>.font-weight-*-bolder</code>
</li>
<li>
<code>.font-weight-*-lighter</code>
</li>
<li>
<code>.font-weight-*-thin</code>
</li>
<li>
<code>.font-weight-*-extralight</code>
</li>
<li>
<code>.font-weight-*-light</code>
</li>
<li>
<code>.font-weight-*-normal</code>
</li>
<li>
<code>.font-weight-*-medium</code>
</li>
<li>
<code>.font-weight-*-semibold</code>
</li>
<li>
<code>.font-weight-*-bold</code>
</li>
<li>
<code>.font-weight-*-extrabold</code>
</li>
<li>
<code>.font-weight-*-black</code>
</li>
<li>
<code>.font-style-*-italic</code>
</li>
<li>
<code>.font-style-*-normal</code>
</li>
<li>
<code>.text-decoration-*-none</code>
</li>
<li>
<code>.text-decoration-*-underline</code>
</li>
</ul>
</p>
<ul>
<li>
<code>.text-*-wrap</code>
</li>
<li>
<code>.text-*-nowrap</code>
</li>
<li>
<code>.text-*-truncate</code>
</li>
<li>
<code>.text-*-break</code>
</li>
<li>
<code>.text-*-lowercase</code>
</li>
<li>
<code>.text-*-uppercase</code>
</li>
<li>
<code>.text-*-capitalize</code>
</li>
<li>
<code>.font-weight-*-bolder</code>
</li>
<li>
<code>.font-weight-*-lighter</code>
</li>
<li>
<code>.font-weight-*-thin</code>
</li>
<li>
<code>.font-weight-*-extralight</code>
</li>
<li>
<code>.font-weight-*-light</code>
</li>
<li>
<code>.font-weight-*-normal</code>
</li>
<li>
<code>.font-weight-*-medium</code>
</li>
<li>
<code>.font-weight-*-semibold</code>
</li>
<li>
<code>.font-weight-*-bold</code>
</li>
<li>
<code>.font-weight-*-extrabold</code>
</li>
<li>
<code>.font-weight-*-black</code>
</li>
<li>
<code>.font-style-*-italic</code>
</li>
<li>
<code>.font-style-*-normal</code>
</li>
<li>
<code>.text-decoration-*-none</code>
</li>
<li>
<code>.text-decoration-*-underline</code>
</li>
</ul>
</>
);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment