https://github.com/doniyor2109/grid-template-areas-x

Utility for grid-template-area
https://github.com/doniyor2109/grid-template-areas-x

grid-template utility

Last synced: 3 months ago
JSON representation

Utility for grid-template-area

• Host: GitHub
• URL: https://github.com/doniyor2109/grid-template-areas-x
• Owner: doniyor2109
• License: mit
• Created: 2018-12-18T12:36:27.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-30T17:05:55.000Z (about 5 years ago)
• Last Synced: 2025-02-01T23:48:19.008Z (4 months ago)
• Topics: grid-template, utility
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/grid-template-areas-x
• Size: 39.1 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# grid-template-areas-x

Utility for Template Grid Areas

[![Build Status](https://travis-ci.com/doniyor2109/grid-template-areas-x.svg?branch=master)](https://travis-ci.com/doniyor2109/grid-template-areas-x)

[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/doniyor2109/redux-lightweight/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com) 

## Installation

```bash

npm install --save grid-template-areas-x

// or yarn

yarn add grid-template-areas-x

```

## Usage

```jsx

const x = require("grid-template-areas-x");

const style = `

    grid-template-areas: ${x`

      'header${2} nav${4}'

      'side${4} content${2}'

    `};

`;

// Results:

`

    grid-template-areas:

      'header header nav nav nav nav'

      'side side side side content content'

    ;

`

```

## License

MIT