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!

MIT

Copyright (c) 2017 Molunerfinn