Skip to content
/ CSSGrid Public

Simple CSS grid based on Flexbox in the LIN3S way

License

Notifications You must be signed in to change notification settings

LIN3S/CSSGrid

Repository files navigation

CSSGrid

Simple CSS grid based on Flexbox in the LIN3S way.

npm version NPM Status devDependency Status

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

License