Typography

Basics#

Rocket CSS provides a few useful typography classes for quick, easy application edits.

Text Alignment#

Change the text alignment with these helpers.

• - .text-left to set text alignment.
• - .text-center to set text alignment.
• - .text-right to set text alignment.

Text Transform#

Change the text transform with these helpers.

• - .text-lowercase to set text transform.
• - .text-uppercase to set text transform.

Font Weight#

Change the font weight with these helpers.

• - .font-weight-lighter to set font weight to $font-weight-light
• - .font-weight-normal to set font weight to $font-weight-normal
• - .font-weight-bold to set font weight to $font-weight-bold

Text Positioning#

Change the text positioning with these helpers.

• - .align-top to set vertical alignment.
• - .align-middle to set vertical alignment.
• - .align-bottom to set vertical alignment.
• - .align-baseline to set vertical alignment.
• - .align-text-top to set vertical alignment.
• - .align-text-bottom to set vertical alignment.