Typography

We've created a set of predefined configuration for the typography to make if easy and simple for customization, it contains different types of styles for headings, paragraphs, font sizes, line heights, displays and other sort of styles for different purposes.


Base Properties

It contains all of the base styles for the typography.

The pxToRem() is a helper function that helps you to convert px units to rem units, you can find this helper function on the src/assets/theme/functions/pxToRem.js.

Font Sizes

It contains all of the necessary font sizes that we've used for Soft UI Dashboard React, it uses the base properties object for the different font sizes.

Line Heights

It contains all of the necessary line heights that we've used for Soft UI Dashboard React.

The typography contains more than these styles and you can customize all of the styles for the typography using the following file: src/assets/theme/base/typography.js