Install
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
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
Project | Description |
---|---|
Lerna-VUE | Adds support for attribute-based selectors |
Copyright and license
Code copyright 2019 Autentia. Code released under the MIT license.