CSSGrid

Simple CSS grid based on Flexbox in the LIN3S way.

Installation

The recommended and the most suitable way to install is through Yarn:

$ yarn add lin3s-css-grid

or alternatively through NPM:

$ npm install --save lin3s-css-grid

Also, you can install through Bower.

$ bower install --save lin3s-css-grid

After installation process, you can include css file in your html.

<link href="/your/path/lin3s-css-grid/dist/lin3s-css-grid.min.css" type="text/css" rel="stylesheet">

However is highly recommend to use the Sass version of the grid including files as Sass's imports. The best practice is to create a row.scss component that wraps all the grid generation logic. Basic example can be the following code:

$grid-type: 'adaptive'; // also, it can be fluid

$row-padding: 15px;
$row-width: 1290;

$column-count: 12;
$column-gutter: 30px;

$small-cols: 6;
$medium-cols: 3, 4, 6;
$large-cols: 1, 2, 3, 4, 6;
$xlarge-cols: 6;

$small-breakpoint: 640;
$medium-breakpoint: 1024;
$large-breakpoint: 1279;
$xlarge-breakpoint: 1440;

@import '../../node_modules/lin3s-css-grid/scss/row';

Licensing Options