npm i --save kitoko
then in your main scss/sass file :
@import 'kitoko';
Before the kitoko include, you can set these following variables.
$font-size: 16; // in px
$font-size-desktop: 20; // in px
$line-height: 1.5; // line-height is 1.5 x font-size
$line-height-desktop: 1.5;
$size-ratio: 1.414; // ratio of heading sizes
$measure: 33; // line width max for .measure class. (in rem)
To show the grid, you can add the .grid class to the tag you want.
To activate the document grid :
$show-grid: true;
https://anthonyjeamme.github.io/kitokocss/
Please contact me at [email protected]