1.0.1 • Published 6 years ago
melongrid.css v1.0.1
MelonGrid.css
A simple responsive css framework, learn from Bootstrap
min.gz: 1.94kb
Doc
Features
- 🦄 Grid Layout
- 🌈 Responsive Grid Layout
- 🎨 Support Gutter、Nesting、Offset、Order、Align
- 👀 Support Customization
Installation
Using npm
npm install melongrid.css
Import melongrid.css
into your project
import 'melongrid.css'
Using cdn
Add link into your .html
file
<link rel="stylesheet" href="https://unpkg.com/melody.css">
Customize
git clone
the repository, modify src/melonGrid.styl
file, customize the variable setting part
$colnums = 12 // columns number
$gutter = 15px // columns gutter
$sm = 576px // media breakpoint
$md = 768px
$lg = 992px
$xl = 1200px
$smw = 540px // container width
$mdw = 720px
$lgw = 960px
$xlw = 1140px
$sizes = sm md lg xl // className eg: .col-sm-1 .col-md-1
npm install
install project devDependencies, run npm run build
pack your own MelonGrid.css in build/
LICENSE
Copyright (c) 2018 BrezyMelon