Display text weight typography helpers

Noticed the text weight was all strong in the docs for each text weight. Instead I think it would be nice for folks to be able to see the difference in text weight.
This commit is contained in:
Robert Rosenberg 2023-03-16 11:47:49 -07:00 committed by Jeremy Thomas
parent 8f1fe93dbf
commit ca6524c5ae

View File

@ -361,26 +361,26 @@ breadcrumb:
</tr>
</thead>
<tbody>
<tr>
<td><code>has-text-weight-light</code></td>
<td>Transforms text weight to <strong>light</strong></td>
</tr>
<tr>
<td><code>has-text-weight-normal</code></td>
<td>Transforms text weight to <strong>normal</strong></td>
</tr>
<tr>
<td><code>has-text-weight-medium</code></td>
<td>Transforms text weight to <strong>medium</strong></td>
</tr>
<tr>
<td><code>has-text-weight-semibold</code></td>
<td>Transforms text weight to <strong>semi-bold</strong></td>
</tr>
<tr>
<td><code>has-text-weight-bold</code></td>
<td>Transforms text weight to <strong>bold</strong></td>
</tr>
<tr>
<td><code>has-text-weight-light</code></td>
<td>Transforms text weight to <span class="has-text-weight-light">light</span></td>
</tr>
<tr>
<td><code>has-text-weight-normal</code></td>
<td>Transforms text weight to <span class="has-text-weight-normal">normal</span></td>
</tr>
<tr>
<td><code>has-text-weight-medium</code></td>
<td>Transforms text weight to <span class="has-text-weight-medium">medium</span></td>
</tr>
<tr>
<td><code>has-text-weight-semibold</code></td>
<td>Transforms text weight to <span class="has-text-weight-semibold">semi-bold</span></td>
</tr>
<tr>
<td><code>has-text-weight-bold</code></td>
<td>Transforms text weight to <span class="has-text-weight-bold">bold</span></td>
</tr>
</tbody>
</table>