melody.css
v1.0.3 css framwork grid grid-system bootstrap-like
Melody.css
A mini & pure responsive css framwork inspired by Twitter Bootstrap.
min+gzip: 1.46kb
Usage
NPM
npm install melody.css
And in your file:
import 'melody.css'
CDN
Add the cdn link to your project:
<link rel="stylesheet" href="https://unpkg.com/melody.css">
Docs
See the Docs
Build your own grid system
Variables
$columns = 12 // column nums
$gutters = 15px // column gutters
$xs = 768px // BreakPoint
$sm = 768px
$md = 992px
$lg = 1366px
$smw = 750px // Container width
$mdw = 970px
$lgw = 1280px
In src/Melody.styl
, modified them, and use npm run build
build your own Grid-system
of Melody.css
By the way, you may need to install stylus:
npm install stylus -g
Enjoy!
License
Copyright (c) 2017 Molunerfinn