For enactors that modify the styling and presentation of content, a class should be added to identify that it is enabled.

Description

Enactors like Text Size, Line-Height, Letter-Spacing and etc that modify the styling of a page without necessarily adding a class, they should still add a class to identify that the enactor is enabled. This will provide a hook for an integrator to adjust the layout and presentation of the content to best work with the adjustment. It would be even better if specific classes for the various adjustment levels could be provided. (e.g. similar to how contrast works).

Environment

None

Activity

Show:

Justin Obara October 12, 2021 at 3:27 PM

Rather than use a class name, we can apply these style changes via CSS custom properties. Similar to . This would allow an integrator to hook into the custom property for their own styling. 

see: https://css-tricks.com/a-complete-guide-to-custom-properties/

Jonathan Hung March 12, 2018 at 5:11 PM

This would be so powerful for an integrator! It would allow us to work with UI Options more easily with specific instances, instead of trying to re-work entire sections of markup + CSS to accommodate UIO.

Fixed

Details

Assignee

Reporter

Components

Fix versions

Priority

Created March 12, 2018 at 5:06 PM
Updated July 22, 2024 at 2:35 PM
Resolved November 25, 2021 at 6:11 PM