Format Grid Areas

An opinionated css grid-templates-areas formatter.

How it works

Select a grid-template-areas declaration and activate the extension via keyboard shortcut or through the command palette.

• Keybinding: alt-f alt-g
• Command Palette: Format Grid Areas

Your selection can contain a partial match as long it covers every line of the declaration.

NOTE: This extension will fill empty columns in your grid-template-areas with a null cell token (e.g. '.')

Authors

Aaron Casanova - Website, GitHub, LinkedIn

Maxamilian Demian - Website, GitHub, LinkedIn

a.k.a. Maxanova