Neat! Pickled Muskrat!

    basscss-utility-typography

    2.1.0 • Public • Published

    Change typographic weights, styles, and alignment with these utility styles.

    <p class="bold">Bold</p>
    <p class="regular">Regular</p>
    <p class="italic">Italic</p>
    <p class="caps">Caps</p>
    <p class="left-align">Left align</p>
    <p class="center">Center</p>
    <p class="right-align">Right align</p>
    <p class="justify">Justify Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison.</p>
    <p class="nowrap">No wrap</p>
    <p class="underline">Underline</p>
    <p class="truncate">Truncate</p>
    <p class="font-familiy-inherit">Font Family Inherit</p>
    <p class="font-size-inherit">Font Size Inherit</p>
    <a class="text-decoration-none">Text Decoration None</a>

    Lists

    To remove default list styling, use .list-reset.

    <ul class="list-reset">
      <li>List Reset</li>
      <li>Removes bullets</li>
      <li>Removes numbers</li>
      <li>Removes padding</li>
    </ul>

    To set lists inline, use utilities.

    <ul class="list-reset">
      <li class="inline-block mr1">Half-Smoke</li>
      <li class="inline-block mr1">Kielbasa</li>
      <li class="inline-block mr1">Bologna</li>
      <li class="inline-block mr1">Prosciutto</li>
    </ul>

    Install

    npm i basscss-utility-typography

    DownloadsWeekly Downloads

    107

    Version

    2.1.0

    License

    MIT

    Last publish

    Collaborators

    • jxnblk