Helios CSS

CSS component library for building Lightspeed products.

Usage

To use these components, you would typically add the following to your package's root index.tsx. This includes all of Helios' generated css.

import '@lightspeed/design-system-css';

You have access to both the .css dist files and the .scss src files. The design system CSS files are broken down per component, so you can just use what you need (i.e. DatePicker.css).

Accessing Variables, Mixins, Functions

You can access all the variables, mixins, functions and other Sass that doesn't produce actual CSS at any time by importing the following:

@import '@lightspeed/design-system-css/src/non-styles';

Scripts

• build - Build the dist .css files
• build:themes - Converts the JS themes to SCSS maps

License

Source code is under a custom license based on MIT.