lin3s-css-grid
v0.3.0
Published
Simple CSS grid based on Flexbox in the LIN3S way
Downloads
15
Maintainers
Readme
#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';