Skip to content

A sass mixin library for creating simple grids using flexbox

License

Notifications You must be signed in to change notification settings

RoachMech/flexgrid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flexgriddle

Build Status npm version

A sass mixin library for creating simple grids using flexbox

Install

npm install --save flexgriddle

Usage

This library consists of two mixins which enable you to make a simple grid using flexbox.

Specify the grid container

.gallery {
  @include flexgrid-container();
}

Argument:

  • $gutter Optional. Size of the gutter.

Specify the grid items

.gallery__item {
  @include flexgrid-item(5);
}

Arguments:

  • $number-of-items. The number of items that one row will contain.
  • $gutter Optional. Size of the gutter. Should be the same as its container gutter size.

License

MIT

About

A sass mixin library for creating simple grids using flexbox

Resources

License

Stars

Watchers

Forks

Packages

No packages published