bellmaker
Version:
Responsive CSS media query library for LESS and SASS, with device-agnostic and device-specific breakpoints
57 lines (40 loc) • 1.49 kB
Markdown
Mossflower
==========
[](http://badge.fury.io/bo/mossflower)
[](http://travis-ci.org/herereadthis/mossflower)
[](https://david-dm.org/herereadthis/mossflower#info=devDependencies)
Mossflower is a global reset CSS utility for both LESS and SASS
* Both robust and bare-bones; you won't find yourself fighting against this utility
* It is free to use and modify as you please.
* Both **LESS** (.less) and **SASS** (.scss) versions are available.
# Build
```
git clone https://github.com/herereadthis/mossflower.git
cd mossflower/
npm install
npm run bower
npm run grunt
```
# Setup
The Bellmaker assumes you have basic terminal skills and knowledge of Git. Additionally, you should be using Grunt.
## CSS importing
### Recommended: Add the Bellmaker as a Bower dependency
```
bower install --save mossflower
```
### Alternative: Add Mossflower as a submodule
```
cd my_repo
git submodule add https://github.com/herereadthis/mossflower.git
git add mossflower .gitmodules
git commit -m "adds Mossflower submodule"
```
### As LESS: Add to your imports
```CSS
@import "/PATH_TO/../mossflower/src/less/mossflower.less";
```
```
### As SASS: Add to your imports
```CSS
@import "/PATH_TO/../mossflower/src/sass/mossflower.scss";
```