The Predix UI Demo module is the Sass file we use to style our documentation demo pages seen on predix-ui.com.
Install this module and its dependencies using bower:
bower install px-demo-design --save-dev
Once installed, @import into your project's Sass file in its Component layer:
@import "px-demo-design/_component.demo.scss";
The following CSS variables are available for styling:
--px-demo-api-background-color
--px-demo-component-background-color
--px-demo-containers-border-color
--px-demo-interactive-background-color
--px-demo-properties-background-color
--px-footer-background-color
--px-footer-text-color
--px-footer-text-color--hover
--px-footer-text-color--pressed