A mini & pure responsive css framwork inspired by Twitter Bootstrap.
min+gzip: 1.46kb
npm install melody.css
And in your file:
import 'melody.css'
Add the cdn link to your project:
<link rel="stylesheet" href="https://unpkg.com/melody.css">
See the Docs
$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!
Copyright (c) 2017 Molunerfinn