Luna Framework

SASS Responsive Framework

GitHub version

Luna Framework

npm version GitHub version
Lightweight Responsive Framework

Luna Framework is a responsive Open Source CSS framework, build in SASS. The aim of this framework is to speed up frontend development by handling cross browser inconsistencies and creating support for mobile devices at the same time. The Luna Framework is also built on the CSS BEM methodology to reduce the CSS footprint.

Download

Installation

Luna Framework can be obtained by bower, npm or by downloading it from GitHub.

via bower

You can install the Framework using bower. Make sure you have bower installed, then run :

bower install Luna        

via npm

You can install the Framework using npm. Make sure you have nodejs installed, then run :

npm install luna-sass

via yarn

You can install the Framework using yarn via the npm package :

yarn add luna-sass

Setting Up Luna Framework

Duplicate the _settings.sass file in the sass folder to override the default styles.
To start to use Luna Framework you will need to do the following few steps. First you will need to copy the _settings.sass file in the sass directory and add it to the root of your sass folder. Now you just have to past the following code into the top of your main CSS file.
@import "settings"
@import "Luna/Framework/sass/init"

Websites build with Luna Framework

Unique Tillers
Crystalbars
Unique Tillers