grid-template-areas-x

Utility for Template Grid Areas

Usage no npm install needed!

<script type="module">
  import gridTemplateAreasX from 'https://cdn.skypack.dev/grid-template-areas-x';
</script>

README

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