Package Exports

postcss-merge-grid-template
postcss-merge-grid-template/lib/optimize

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-merge-grid-template) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

PostCSS Merge Grid Template

PostCSS plugin to reduce grid templates declarations.

#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;
}

#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

postcss([ require('postcss-merge-grid-template') ])

See PostCSS docs for examples for your environment.