predix-styles

All Predix design system css styles flattened into a single :clap: minified :clap: css file :clap:

Styles from https://www.predix-ui.com/

why?

Like bootstrap, you can just import the css and get up and running with css classes.

Useful if you just want GE styles out of the box, and don't need to make heavy style customizations using Predix design sass variables.

Less importing, no polymer components, no bower dependencies to manage. Just style.

install

npm install --save predix-styles

usage

If you're just rolling plain html, include the following snippet in the head section of your html file:

<link rel="stylesheet" type="text/css" href="node_modules/predix-styles/dist/predix-styles.min.css">

Otherwise, you can always import or reference the sheet from 'node_modules/predix-styles/dist/predix-styles.min.css'

To see what css classes are available and how they are used, visit https://www.predix-ui.com/ Click CSS Modules and follow the code snippets examples under visual, layout, and utilities sections.

what's included?

• All styles under CSS Modules

• Component styles for:

  • Spinner
  • Modal

Everything is already minified. Gzip it n' ship it baby!

what's in the works?

• Stripping css classes from predix polymer components so you can use them anywhere (cough with React cough cough).