dolfelt / polythene

Modular implementation of Material Design for Mithril.

Polythene

Modular implementation of Material Design for Mithril.

Version 0.1.13

• Examples
• Documentation

Setup

Polythene uses Node tools to build. It can run in Node and in the browser.

Source files are written in es6 and transpiled to es5. Components are async es6 modules and loaded when needed, but using SystemJS Builder or jspm it is also possible to create bundles where all required modules are combined.

To keep the components modular (and only required when needed) I have chosen to keep the async aspect. The examples and docs directories show a more complete "real world" setup of a Mithril/Polythene application using SystemJS.

Polythene works both in es6 and es5 applications.

Installation

Install both Polythene and the default theme:

npm

npm install polythene
npm install polythene-theme

jspm

jspm install github:ArthurClemens/Polythene
jspm install github:ArthurClemens/Polythene-theme

Example code

See Polythene-examples.

Developing

For compiling/transpiling, you need to install the following:

• npm install node-sass -g
• npm install postcss-cli -g
• npm install clean-css -g
• npm install babel -g

Compile (transpile) everything:

• npm run transpile - compile all scss and es6 files

While developing:

• npm run watch - watch changes to scss and es6 files

Browser support

The default theme uses flexbox, so this works in IE10 and other browsers. For IE9 you will need to adapt the theme.

License

MIT