Skip to content

SASS and CSS Custom Properties

deno edited this page Mar 15, 2020 · 2 revisions

Theme Parameters

Use cases

  • As a developer, I want to use the full Fundamentals library in my application to apply consistent Fiori 3 look and feel.
  • As a developer, I want to use the Fundamentals library to encapsulate Fiori 3 styles in custom Angular components.
  • As a developer, I want to use the Fundamentals library to encapsulate Fiori 3 styles in custom React components using CSS modules.
  • As a developer, I want to use the CSS of one component of the library to construct a custom component.

References

https://paulmillr.com/posts/using-dark-mode-in-css/ https://developer.apple.com/documentation/appkit/nscolor https://www.sitepoint.com/css-theming-custom-properties-javascript/ https://www.joshmorony.com/creating-a-theme-switcher-service-in-ionic-using-css4-variables/ https://video.sap.com/media/t/1_n71mdynx https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2068428904