postcss-merge-grid-template

PostCSS plugin to reduce grid templates declarations

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
postcss-merge-grid-template
0.8.12 years ago6 years agoMinified + gzip package size for postcss-merge-grid-template in KB

Readme

PostCSS Merge Grid Template !Build Statusci-imgci
PostCSS plugin to reduce grid templates declarations. ```css
page {
display: grid;
width: 100%;
height: 250px;
grid-template-areas: "head head"
"nav  main"
"nav  foot";
grid-template-rows: 50px 1fr 30px;
grid-template-columns: 150px 1fr;
} ``` ```css
page {
display: grid;
width: 100%;
height: 250px;
grid-template: "a a" 50px "b c" 1fr "b d" 30px / 150px 1fr;
} ```

Status: EXPERIMENTAL ☢️

☠ ☠ ☠ ☠ ☠ ☠ ☠ This plugin is still under development and does not currently cover all the possible places where zone identifiers can hide. That means it is likely to break your code by renaming half of the identifiers. Use it only if you know what you are doing.

Usage

```js postcss( require('postcss-merge-grid-template') ) ``` See PostCSS docs for examples for your environment.