Skip to content

The CSS implementation of the lightelligence design-system

License

Notifications You must be signed in to change notification settings

lightelligence-io/styles

Repository files navigation

logo

Styles

Build Status npm (scoped)

The Lightelligence design system implementation in CSS

Installation

npm install @lightelligence/styles

Features

The Lightelligence Styles are a set of components that require no JavaScript in order to function properly, styled according to our design system.

Usage

Using the Lightelligence Styles is as easy as including the bundled css file in your front-end and then add the corresponding class names to your elements.

<html>
  <head>
    <title>My awesome Lightelligence App</title>
    <link
      href="node_modules/@lightelligence/styles/dist/index.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="olt-Frame">
      <button class="olt-Button">Hello World</button>
    </div>
  </body>
</html>

Check out the API reference to see the full documentation.

License

MIT