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.
DownloadLuna Framework can be obtained by bower, npm or by downloading it from GitHub.
You can install the Framework using bower. Make sure you have bower installed, then run :
bower install Luna
You can install the Framework using npm. Make sure you have nodejs installed, then run :
npm install luna-sass
You can install the Framework using yarn via the npm package :
yarn add luna-sass
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.Duplicate the _settings.sass file in the sass folder to override the default styles.
@import "settings"
@import "Luna/Framework/sass/init"