css-grid-snippets README
Simple extension that adds CSS Grid snippets to VS Code 👏 👏
Usage
| Snippet |
Purpose |
| dg |
display: grid |
| dig |
display: inline-grid |
| gtr |
grid-template-rows: - - - |
| gtc |
grid-template-columns: - - - |
| gta |
grid-template-areas: - - - |
| gg |
grid-gap: - - - |
| grp |
grid-row-gap: - - - |
| gcp |
grid-column-gap: - - - |
| grs |
grid-row-start: - - - |
| gre |
grid-row-end: - - - |
| gr |
grid-row: - - - |
| gcs |
grid-column-start: - - - |
| gce |
grid-column-end: - - - |
| gc |
grid-column: - - - |
| ga |
grid-area: - - - |
| gaf |
grid-auto-flow - - - |
| gar |
grid-auto-rows - - - |
| gac |
grid-auto-columns - - - |
Installation
- Install Visual Studio Code 1.8.0 or higher
- Launch Code
- From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
- Select Install Extension
- Choose the extension
- Reload Visual Studio Code
Enjoy! 😘 😘
| |
