Lerna

Lerna is a Design System based on Flexbox. CSS framerwork designed to help developers create the best experience for merchants who use Autentia.

Quick install

Lerna is constantly in development! Try it out now:

NPM

 npm install lerna

or

Yarn

 yarn add lerna

Import

After installation, you can import the CSS file into your project using this snippet:

 import 'lerna/css/lerna.css'

CDN

https://autentia.com/lerna

CSS only

Lerna DS is a CSS framework. As such, the sole output is a single CSS file: lerna.css

You can either use that file, "out of the box", or download the Scss source files to customize the variables.

There is no JavaScript included. People generally want to use their own JS implementation (and usually already have one). Lerna can be considered "environment agnostic": it's just the style layer on top of the logic.

Browser Support

Lerna uses autoprefixer to make (most) Flexbox features compatible with earlier browser versions. According to Can I use, Lerna is compatible with recent versions of:

• Chrome
• Edge
• Firefox
• Opera
• Safari

Internet Explorer (10+) is only partially supported.

Documentation

The documentation resides in the docs directory, and is built with the Ruby-based Jekyll tool.

Browse the online documentation here.

Related projects

Copyright and license

Code copyright 2019 Autentia. Code released under the MIT license.