Skip to content

Commit

Permalink
fix: lint
Browse files Browse the repository at this point in the history
  • Loading branch information
VictoriaIleanaRodriguezMora committed Dec 12, 2024
1 parent ad7fb31 commit fc002aa
Showing 1 changed file with 16 additions and 5 deletions.
21 changes: 16 additions & 5 deletions app/src/documents/Typography/TypographyDocs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -214,17 +214,28 @@ const SECTIONS_UX = [
content: (
<>
<p className="mb-4">
Utilizamos diferentes pesos para jerarquizar y enfatizar contenido, generando un orden de lectura basado en títulos, subtítulos y párrafos de texto; además, los pesos tipográficos se pueden utilizar dentro de párrafos de texto para destacar contenido de interés.
Utilizamos diferentes pesos para jerarquizar y enfatizar contenido, generando un orden de lectura basado en
títulos, subtítulos y párrafos de texto; además, los pesos tipográficos se pueden utilizar dentro de párrafos
de texto para destacar contenido de interés.
</p>
<p className="mb-4">
Dentro de nuestra escala tipográfica utilizamos <i>regular</i>, <i>semibold</i> y <i>bold</i> como los únicos
pesos con los que pueden trabajar dentro de Obelisco. <strong>Cada uno de los tamaños de la escala tiene un peso predeterminado:</strong>
pesos con los que pueden trabajar dentro de Obelisco.{' '}
<strong>Cada uno de los tamaños de la escala tiene un peso predeterminado:</strong>
</p>

<ul>
<li>Los tamaños de Cuerpo <i>(Body)</i> utilizan <i>regular</i> como peso predeterminado.</li>
<li>Los tamaños de Titulares <i>(Titles)</i>, Titulares/M y Titulares/S, utilizan <i>semibold</i> como peso predeterminado, mientras que los Titulares/L utilizan <i>bold</i> como peso predeterminado.</li>
<li>Todos los <i>H’s</i> utilizan <i>semibold</i> como peso predeterminado, excepto por los H1, que utilizan <i>bold</i> como peso predeterminado.</li>
<li>
Los tamaños de Cuerpo <i>(Body)</i> utilizan <i>regular</i> como peso predeterminado.
</li>
<li>
Los tamaños de Titulares <i>(Titles)</i>, Titulares/M y Titulares/S, utilizan <i>semibold</i> como peso
predeterminado, mientras que los Titulares/L utilizan <i>bold</i> como peso predeterminado.
</li>
<li>
Todos los <i>H’s</i> utilizan <i>semibold</i> como peso predeterminado, excepto por los H1, que utilizan{' '}
<i>bold</i> como peso predeterminado.
</li>
</ul>

<div className="d-flex flex-column flex-md-row align-items-center mb-4" style={{ gap: '32px' }}>
Expand Down

0 comments on commit fc002aa

Please sign in to comment.