Installation
LumX is the first responsive front-end framework based on AngularJS & Google Material Design specifications.
It provides a full CSS Framework built with Sass and a bunch of AngularJS components.
Use LumX in your project
LumX is available through Bower:
bower install lumx
Don’t use bower?
You first need to download all these dependencies:
- AngularJS
- jQuery
- Velocity
- Moment.js
- Bourbon (scss only)
- Material Design Icons (scss only)
Include files
All needed files are in the dist folder.
You can include LumX files and dependencies in your html template.
Moreover, you can include the main sccs file in your Sass project instead of including the compiled file.
You'll get all all variables and mixins available: read more.
Use the AngularJS directives and services
When you have downloaded all the dependencies you need to add dependencies on the LumX AngularJS module:
angular.module('myModule', ['lumx']);
Why these dependencies?
Our CSS framework is based on bourbon, a simple and lightweight mixin library for Sass:
http://bourbon.io
Material Design icons are based on Austin Andrews iconic font:
http://materialdesignicons.com
Velocity is used to provide smooth animations:
http://julian.com/research/velocity
Moment.js is used to manipulate dates for our date picker:
http://momentjs.com