1.1.7 • Published 5 years ago
@thomascoppein/grid-helper v1.1.7
Grid Helper
NPM package for creating a grid overlay.
Installation
Install package:
npm i @thomascoppein/grid-helperImport package in Javascript file:
import GridHelper from '@thomascoppein/grid-helper';How to use
const GridHelper = new GridHelper();Options
| property | default |
|---|---|
| gutter | '30px' |
| columns | 12 |
| columnsColor | '#ffcfdf' |
| zIndex | 9999999 |
| containerMaxWidth | '80vw' |
| containerPadding | '10vw' |
const GridHelper = new GridHelper({
gutter: '50px',
columns: 12,
columnsColor: '#000000',
zIndex: 999999,
containerMaxWidth: '1600px',
containerPadding: '5vw',
});How to enable
Use the key-combination CTRL + G to toggle the helper.