Melange is a powerful yet small CSS framework
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs
lib
tests
.gitignore
.sass-lint.yml
LICENSE
README.md
VERSION.md
bower.json
package.json

README.md

Melange

Melange is a powerful yet small CSS framework. It specialised for general usage thus most GUI related styles are missing. Simply sets basic styles to elements, allows scalability and applies coding standardization for different type of projects. You can find the usage at Melange Sample repo

Installation

Melange can directly install your project by copying the contents of lib folder to your assets, or you can install it as npm or bower packages. Just run, with npm

npm install melange

or with bower

bower install melange

After copying the files,

  • Copy the settings folder to your projects' assets folder.
  • Then in your styles file
// First import the Settings file
@import "<path-to-settings>/settings";

// After import Melange
@import "<path-to-melange>/lib/melange";

// Then your own Styles

// After you styles, add Melange Auxiliary components
@import "<path-to-melange>/lib/melange/auxiliary/auxiliary"