Installation

To install Stratosphere into your application, use npm.

npm install @ci/stratus-components

Styles

Now that it's installed, you can include the main.css which is all the built & compiled styles for the components.

  css: [
    '~/node_modules/@ci/stratus-components/build/main.css',
  ],

For SCSS applications

Import vars.scss to get access to all our SCSS variables for writing custom css with approved design system styles.

  css: [
    '~/node_modules/@ci/stratus-components/build/vars.scss',
  ],

For PostCSS applications

Import vars.css to get access to all our SCSS variables for writing custom css with approved design system styles.

  css: [
    '~/node_modules/@ci/stratus-components/build/vars.css',
  ],

vars.css uses PostCSS (opens new window) so you'll want to configure that to use it properly. We recommend the following plugins:

• https://github.com/csstools/postcss-preset-env
• https://github.com/postcss/postcss-custom-media
• https://github.com/postcss/postcss-nested

Using Components

See the docs for more information.

Custom Directives

See the docs for more information.

Npm Link

You can use npm-link (opens new window) to point your application to a local version of the design system for testing.

npm install /c/Projects/CirrusInsight/cirrus-stratus-component-library