grid-template-areas-x

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