Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
This repository was archived by the owner on May 14, 2019. It is now read-only.
/minigridPublic archive

📏 Minimal 2kb zero dependency cascading grid layout

License

NotificationsYou must be signed in to change notification settings

hnqso/minigrid

Repository files navigation

Minigrid is a minimal 2kb zero dependency cascading grid layout.

Website & Documentation:http://alves.im/minigrid.

Demo

There's a simple example onjsbin.

Installation

UsingNPM

npm install minigrid --save

Or 1998 script tag from unpkg:

<script src="https://unpkg.com/minigrid@3.1.1/dist/minigrid.min.js"></script>

Usage

It works on a grid container with a group of grid items.

<div>  <div></div>  <div></div>  <div></div></div>

Then:

var grid = new Minigrid({  container: '.cards',  item: '.card',  gutter: 6});grid.mount();

Limitation

Minigrid was built having in mind "cards" with same width and different heights. If your cards have different width sizes or you need more power Minigrid might not be right for you.

Contributing

Plese seeCONTRIBUTING.

License

MIT © 2016Henrique Alves


[8]ページ先頭

©2009-2025 Movatter.jp