v2.1.0

Typography

  • Font

    font-size

    <p class="font-size-1">This is font-size-1</p>
    <p class="font-size-2">This is font-size-2</p>
    <p class="font-size-3">This is font-size-3</p>
    <p class="font-size-4">This is font-size-4</p>
    <p class="font-size-5">This is font-size-5</p>
    <p class="font-size-6">This is font-size-6</p>
    

    This is font-size-1

    This is font-size-2

    This is font-size-3

    This is font-size-4

    This is font-size-5

    This is font-size-6

    font-style

    <p class="font-size-2 font-style-normal">This is font-style-normal</p>
    <p class="font-size-2 font-style-italic">This is font-style-italic</p>
    <p class="font-size-2 font-style-oblique">This is font-style-oblique</p>
    

    This is font-style-normal

    This is font-style-italic

    This is font-style-oblique

    font-transform

    <p class="font-size-2 font-transform-lowercase">font-transform-lowercase</p>
    <p class="font-size-2 font-transform-uppercase">font-transform-uppercase</p>
    <p class="font-size-2 font-transform-capitalize">font-transform-capitalize</p>
    

    font-transform-lowercase

    font-transform-uppercase

    font-transform-capitalize

  • Text

    text-align

    <p class="font-size-3 text-left">This is text-left</p>
    <p class="font-size-3 text-center">This is text-center</p>
    <p class="font-size-3 text-right">This is text-right</p>
    

    This is text-left

    This is text-center

    This is text-right