grid-template-areas-x

Utility for Template Grid Areas

Installation

 
npm install --save grid-template-areas-x
 
// or yarn
 
yarn add grid-template-areas-x

Usage

const x = require("grid-template-areas-x");
 
const style = css`
    grid-template-areas: ${x`
      'header${2} nav${4}'
      'side${4} content${2}'
    `};
`;
 
// Same as:
 
const style = css`
    grid-template-areas: `
      'header header nav nav nav nav'
      'side side side side content content'
    `;
`;

License

MIT