Ira — text

Installation Link

Copy the following to the <head>of your HTML


        <link rel="stylesheet" href="https://design-with-ira.netlify.app/installationLinks/text.css">

Headings

headings
heading-xs
heading-sm
heading-md
heading-lg
heading-xl

Text

text
text-xs
text-sm
text-md
text-lg
text-xl

gray text

grey-text

centered text

center-x
center-y
center-xy

Note:

Sizes are relative to font-size
heading-sm and text-xl have the same size

This is extra large heading

This is large heading

This is medium heading

This is small heading

This is extra small heading

This para has extra large text

This para has large text

This para has medium text

This para has small text

This para has extra small text

this is gray text

This section has class 'center-x' . It centers text through the x axis. That is, horizontally. It divides the excess horizontal space equally between left and right. For proper display 'gray-text' has been used with height 400px.

This section has class 'center-y' . It centers text through the y axis. That is, vertically. It divides the excess vertical space equally between top and bottom. For proper display 'gray-text' has been used with height 400px.

This has class 'center-xy' . It centers text through the x axis and y-axis. That is, horizontally and vertically. It divides the excess vertical space equally between top and bottom; horizontal space equally between left and right. For proper display 'gray-text' has been used with height 400px.