SSWConsulting / SSW.Rules

Generator for ssw.com.au/rules
https://www.ssw.com.au/rules
MIT License
15 stars 13 forks source link

💄 Change heading style - additional changes #1403

Closed jeoffreyfischer closed 3 months ago

jeoffreyfischer commented 3 months ago

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 image Figure: New heading styles

image Figure: Use the tag to emphasize text inside a heading by turning it red