1.1.7 • Published 3 years ago
@thomascoppein/grid-helper v1.1.7
Grid Helper
NPM package for creating a grid overlay.
Installation
Install package:
npm i @thomascoppein/grid-helper
Import 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.