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.
It contains all of the base styles for the typography.
pxToRem() is a helper function that helps you to convert
px units to
rem units, you can find this helper function on the
It contains all of the necessary font sizes that we've used for Material Dashboard React, it uses the base properties object for the different font sizes.
It contains all of the necessary line heights that we've used for Material Dashboard React.
The typography contains more than these styles and you can customize all of the styles for the typography using the following file: