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