Addition of Heading 4, Heading 5, and Heading 6 and updation of existing headings

[d-e-v-esh]

Feature Request 🛍️

Updating the Existing Heading Size and addition of Heading 4, Heading 5 and, Heading 6 into the dropdown menu.

Use Case

Heading 1 = 25px => Stays the same
Heading 2 = 25px => Left-aligned to differentiate from H1
Heading 3 = 20px
Heading 4 = 18px
Heading 5 = 16px
Heading 6 = 14px => Same size as a normal paragraph, All capital letters, The same text formatting as the text used in Page Break:

[d-e-v-esh]

@Michael-Grover Hey, I created the Headings issue. 👍

[d-e-v-esh]

@Michael-Grover Something seems wrong with Heading 6. You can see it in the main demo. It looks something like this:

You can see the distance between H6 and Fin is much larger. Extra margin is being applied somewhere that I can't find.
And the margin gets significantly larger as the font size grows.
After implementing the above, Heading 5 looks totally normal like this:

and Heading 6 looks like this:

and if I increase the font size then it looks like this:

This is happening only with Heading 6. Do you have any idea what could be causing the problem?

[Michael-Grover]

@d-e-v-esh sorry, I'm not sure. Someone who is more familiar with CSS like @irmerk or @DianaLease may know

[d-e-v-esh]

@Michael-Grover This problem was occurring because of the user agent stylesheet. Overriding the default styles by adding margin properties fixes the problem.

[akk312000]

I would like to contribute and fix the issue.
Can you guide me how should I go forward into solving this issue.

[jolanglinais]

@akk312000 @d-e-v-esh is working on this already as you can see in the Issue.

@d-e-v-esh I still haven't had time to look into this to give you feedback, sorry. I'm hoping to very soon.

[d-e-v-esh]

@irmerk That is totally fine 👍