Context
A previous PR #1401 was merged to staging in order to compare UI differences on different OS and browsers
After reviewing it, @tiagov8 asked for additional changes which lead to the creation of the current PR.
Description
As per my conversation with @tiagov8, @bettybondoc and @jaydenalchin, they approved the latest style changes for headings (see screenshot).
As per Tiago’s request in the PBI #1399, I have also added the following feature:
Text inside an h2, h3, h4,… can be emphasized using the <strong> tag. This changes the text colour to red (see screenshot).
This follows the rule: https://www.ssw.com.au/rules/add-a-spot-of-color-for-emphasis/
Note
I have moved the heading styles from style.css to tailwind.config. This helps ensure that heading styles are consistently applied across the entire project and maintainable through a single configuration file.
Context A previous PR #1401 was merged to staging in order to compare UI differences on different OS and browsers After reviewing it, @tiagov8 asked for additional changes which lead to the creation of the current PR.
Description As per my conversation with @tiagov8, @bettybondoc and @jaydenalchin, they approved the latest style changes for headings (see screenshot).
As per Tiago’s request in the PBI #1399, I have also added the following feature: Text inside an h2, h3, h4,… can be emphasized using the
<strong>
tag. This changes the text colour to red (see screenshot). This follows the rule: https://www.ssw.com.au/rules/add-a-spot-of-color-for-emphasis/Note I have moved the heading styles from style.css to tailwind.config. This helps ensure that heading styles are consistently applied across the entire project and maintainable through a single configuration file.
Related PBI 💄 Change heading style
Screenshots Figure: New heading styles
Figure: Use the tag to emphasize text inside a heading by turning it red