Metadata
- Source
- FLUID-6260
- Type
- Improvement
- Priority
- Critical
- Status
- Closed
- Resolution
- Fixed
- Assignee
- N/A
- Reporter
- Justin Obara
- Created
2018-03-12T13:06:49.748-0400 - Updated
2024-07-22T10:35:31.002-0400 - Versions
- N/A
- Fixed Versions
-
- 4.0
- Component
-
- Prefs Framework
- UIEnhancer
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).
Comments
-
Jonathan Hung commented
2018-03-12T13:11:34.154-0400 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.
-
Justin Obara commented
2021-10-12T11:27:53.181-0400 Rather than use a class name, we can apply these style changes via CSS custom properties. Similar to FLUID-6605. 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/