feat(snippets): ✨ add tailwind grid snippets

CHANGELOG.md

@@ -11,27 +11,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **snippets:** ✨  add tailwind flexbox utilities ([#27](https://github.com/navin-moorthy/vscode-css-snippets/issues/27)) ([bbef38b](https://github.com/navin-moorthy/vscode-css-snippets/commit/bbef38bb89e589732b590ddf5adcf80910030afa)), closes [#26](https://github.com/navin-moorthy/vscode-css-snippets/issues/26) [#28](https://github.com/navin-moorthy/vscode-css-snippets/issues/28)
 
 
-### ♻️ Chores
-
-* **changelog:** ✏️  fix double generated changelog ([abe2a15](https://github.com/navin-moorthy/vscode-css-snippets/commit/abe2a158ee35ad3a2b1eab3e635734a29d1e95ce))
-
-
-
-
-
-# [0.3.0](https://github.com/navin-moorthy/vscode-css-snippets/compare/v0.2.1...v0.3.0) (2020-07-21)
-
-
-### ✨ Features
-
-* **snippets:** ✨  add tailwind flexbox utilities ([#27](https://github.com/navin-moorthy/vscode-css-snippets/issues/27)) ([bbef38b](https://github.com/navin-moorthy/vscode-css-snippets/commit/bbef38bb89e589732b590ddf5adcf80910030afa)), closes [#26](https://github.com/navin-moorthy/vscode-css-snippets/issues/26) [#28](https://github.com/navin-moorthy/vscode-css-snippets/issues/28)
-
-
-### ♻️ Chores
-
-* **changelog:** ✏️  fix double generated changelog ([abe2a15](https://github.com/navin-moorthy/vscode-css-snippets/commit/abe2a158ee35ad3a2b1eab3e635734a29d1e95ce))
-
-
 
 
 
@@ -43,11 +22,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **readme:** ✏️  fix emoji and local navigation ([a6b5a0d](https://github.com/navin-moorthy/vscode-css-snippets/commit/a6b5a0db87f0cc58f1a263417481a36f08c1bdd1))
 
 
-### ♻️ Chores
-
-* **changelog:** ✏️  fix double generated changelog ([e69de86](https://github.com/navin-moorthy/vscode-css-snippets/commit/e69de863cc2400c4ff6edf40369995d18e28e3cd))
-
-
 
 
 
@@ -66,11 +40,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **readme:** 📝  add attributions with links ([#25](https://github.com/navin-moorthy/vscode-css-snippets/issues/25)) ([ffe0c1e](https://github.com/navin-moorthy/vscode-css-snippets/commit/ffe0c1edd1b3d8a7c2202aae1fe584fff3ec96c6)), closes [#24](https://github.com/navin-moorthy/vscode-css-snippets/issues/24)
 
 
-### ♻️ Chores
-
-* **changelog:** ✏️  remove double generated changelog ([a9d3f87](https://github.com/navin-moorthy/vscode-css-snippets/commit/a9d3f87e7b2c53d571df0613245bd578218436d5))
-
-
 
 
 
@@ -84,7 +53,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### ♻️ Chores
 
-* **changelog:** ✏️  fix changelog generated ([6781919](https://github.com/navin-moorthy/vscode-css-snippets/commit/6781919b97827c6ce7c3c5d0ea66735c5a8bfa6f))
 * **logo:** 🔧  move logo out of media to support vsce publish ([0567f1b](https://github.com/navin-moorthy/vscode-css-snippets/commit/0567f1b600ef78c7e05b56fa616940462641eb61))
 * **typo:** ✏️  issue url typo ([e70a650](https://github.com/navin-moorthy/vscode-css-snippets/commit/e70a650a8b9c4188369eb020dfe4f0111df5d867))
 
@@ -134,7 +102,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **logo:** 🔧  add logo to package ([#2](https://github.com/navin-moorthy/vscode-css-snippets/issues/2)) ([96fa2b8](https://github.com/navin-moorthy/vscode-css-snippets/commit/96fa2b822f7c41f2a43e25064347b93821887a90)), closes [#1](https://github.com/navin-moorthy/vscode-css-snippets/issues/1)
 * **prettier:** 🔧  add changelog to prettier ignore ([1dace05](https://github.com/navin-moorthy/vscode-css-snippets/commit/1dace0561311acc14a482556408eb7b7cfe042d1))
 * **preview:** 🔧  add preview flag to the extension ([#6](https://github.com/navin-moorthy/vscode-css-snippets/issues/6)) ([1b06c4e](https://github.com/navin-moorthy/vscode-css-snippets/commit/1b06c4e39b9159701551ed16766651d579a225c3)), closes [#5](https://github.com/navin-moorthy/vscode-css-snippets/issues/5)
-* **release:** publish v0.0.1 ([58bb339](https://github.com/navin-moorthy/vscode-css-snippets/commit/58bb33901f270a902b15403bc6889178c563fae6))
 * **theme:** 🔧  add gallery theme and color ([#4](https://github.com/navin-moorthy/vscode-css-snippets/issues/4)) ([d55bb21](https://github.com/navin-moorthy/vscode-css-snippets/commit/d55bb2129b99af8190d9044fdbd05502a6271ec7))
 
 

README.md

@@ -67,6 +67,13 @@ You can enable tab completion (recommended) by opening
       - [Flex Grow](#flex-grow)
       - [Flex Shrink](#flex-shrink)
       - [Flex Order](#flex-order)
+    - [Tailwind Grid](#tailwind-grid)
+      - [Grid Template Columns](#grid-template-columns)
+      - [Grid Column Start / End](#grid-column-start--end)
+      - [Grid Template Rows](#grid-template-rows)
+      - [Grid Row Start / End](#grid-row-start--end)
+      - [Gap](#gap)
+      - [Grid Auto Flow](#grid-auto-flow)
     - [1 line layouts](#1-line-layouts)
   - [Extra Guides](#extra-guides)
     - [Snippets generation from Selected line/lines](#snippets-generation-from-selected-linelines)
@@ -371,6 +378,183 @@ You can enable tab completion (recommended) by opening
 | `order-11`    | order: 11;    |
 | `order-12`    | order: 12;    |
 
+### [Tailwind](https://tailwindcss.com/) Grid
+
+#### [Grid Template Columns](https://tailwindcss.com/docs/grid-template-columns)
+
+| Snippet          | Purpose                                            |
+| ---------------- | -------------------------------------------------- |
+| `grid-cols-1`    | grid-template-columns: repeat(1, minmax(0, 1fr));  |
+| `grid-cols-2`    | grid-template-columns: repeat(2, minmax(0, 1fr));  |
+| `grid-cols-3`    | grid-template-columns: repeat(3, minmax(0, 1fr));  |
+| `grid-cols-4`    | grid-template-columns: repeat(4, minmax(0, 1fr));  |
+| `grid-cols-5`    | grid-template-columns: repeat(5, minmax(0, 1fr));  |
+| `grid-cols-6`    | grid-template-columns: repeat(6, minmax(0, 1fr));  |
+| `grid-cols-7`    | grid-template-columns: repeat(7, minmax(0, 1fr));  |
+| `grid-cols-8`    | grid-template-columns: repeat(8, minmax(0, 1fr));  |
+| `grid-cols-9`    | grid-template-columns: repeat(9, minmax(0, 1fr));  |
+| `grid-cols-10`   | grid-template-columns: repeat(10, minmax(0, 1fr)); |
+| `grid-cols-11`   | grid-template-columns: repeat(11, minmax(0, 1fr)); |
+| `grid-cols-12`   | grid-template-columns: repeat(12, minmax(0, 1fr)); |
+| `grid-cols-none` | grid-template-columns: none;                       |
+
+#### [Grid Column Start / End](https://tailwindcss.com/docs/grid-column)
+
+| Snippet          | Purpose                         |
+| ---------------- | ------------------------------- |
+| `col-auto`       | grid-column: auto;              |
+| `col-span-1`     | grid-column: span 1 / span 1;   |
+| `col-span-2`     | grid-column: span 2 / span 2;   |
+| `col-span-3`     | grid-column: span 3 / span 3;   |
+| `col-span-4`     | grid-column: span 4 / span 4;   |
+| `col-span-5`     | grid-column: span 5 / span 5;   |
+| `col-span-6`     | grid-column: span 6 / span 6;   |
+| `col-span-7`     | grid-column: span 7 / span 7;   |
+| `col-span-8`     | grid-column: span 8 / span 8;   |
+| `col-span-9`     | grid-column: span 9 / span 9;   |
+| `col-span-10`    | grid-column: span 10 / span 10; |
+| `col-span-11`    | grid-column: span 11 / span 11; |
+| `col-span-12`    | grid-column: span 12 / span 12; |
+| `col-start-1`    | grid-column-start: 1;           |
+| `col-start-2`    | grid-column-start: 2;           |
+| `col-start-3`    | grid-column-start: 3;           |
+| `col-start-4`    | grid-column-start: 4;           |
+| `col-start-5`    | grid-column-start: 5;           |
+| `col-start-6`    | grid-column-start: 6;           |
+| `col-start-7`    | grid-column-start: 7;           |
+| `col-start-8`    | grid-column-start: 8;           |
+| `col-start-9`    | grid-column-start: 9;           |
+| `col-start-10`   | grid-column-start: 10;          |
+| `col-start-11`   | grid-column-start: 11;          |
+| `col-start-12`   | grid-column-start: 12;          |
+| `col-start-13`   | grid-column-start: 13;          |
+| `col-start-auto` | grid-column-start: auto;        |
+| `col-end-1`      | grid-column-end: 1;             |
+| `col-end-2`      | grid-column-end: 2;             |
+| `col-end-3`      | grid-column-end: 3;             |
+| `col-end-4`      | grid-column-end: 4;             |
+| `col-end-5`      | grid-column-end: 5;             |
+| `col-end-6`      | grid-column-end: 6;             |
+| `col-end-7`      | grid-column-end: 7;             |
+| `col-end-8`      | grid-column-end: 8;             |
+| `col-end-9`      | grid-column-end: 9;             |
+| `col-end-10`     | grid-column-end: 10;            |
+| `col-end-11`     | grid-column-end: 11;            |
+| `col-end-12`     | grid-column-end: 12;            |
+| `col-end-13`     | grid-column-end: 13;            |
+| `col-end-auto`   | grid-column-end: auto;          |
+
+#### [Grid Template Rows](https://tailwindcss.com/docs/grid-template-rows)
+
+| Snippet          | Purpose                                        |
+| ---------------- | ---------------------------------------------- |
+| `grid-rows-1`    | grid-template-rows: repeat(1, minmax(0, 1fr)); |
+| `grid-rows-2`    | grid-template-rows: repeat(2, minmax(0, 1fr)); |
+| `grid-rows-3`    | grid-template-rows: repeat(3, minmax(0, 1fr)); |
+| `grid-rows-4`    | grid-template-rows: repeat(4, minmax(0, 1fr)); |
+| `grid-rows-5`    | grid-template-rows: repeat(5, minmax(0, 1fr)); |
+| `grid-rows-6`    | grid-template-rows: repeat(6, minmax(0, 1fr)); |
+| `grid-rows-none` | grid-template-rows: none;                      |
+
+#### [Grid Row Start / End](https://tailwindcss.com/docs/grid-row)
+
+| Snippet          | Purpose                    |
+| ---------------- | -------------------------- |
+| `row-auto`       | grid-row: auto;            |
+| `row-span-1`     | grid-row: span 1 / span 1; |
+| `row-span-2`     | grid-row: span 2 / span 2; |
+| `row-span-3`     | grid-row: span 3 / span 3; |
+| `row-span-4`     | grid-row: span 4 / span 4; |
+| `row-span-5`     | grid-row: span 5 / span 5; |
+| `row-span-6`     | grid-row: span 6 / span 6; |
+| `row-start-1`    | grid-row-start: 1;         |
+| `row-start-2`    | grid-row-start: 2;         |
+| `row-start-3`    | grid-row-start: 3;         |
+| `row-start-4`    | grid-row-start: 4;         |
+| `row-start-5`    | grid-row-start: 5;         |
+| `row-start-6`    | grid-row-start: 6;         |
+| `row-start-7`    | grid-row-start: 7;         |
+| `row-start-auto` | grid-row-start: auto;      |
+| `row-end-1`      | grid-row-end: 1;           |
+| `row-end-2`      | grid-row-end: 2;           |
+| `row-end-3`      | grid-row-end: 3;           |
+| `row-end-4`      | grid-row-end: 4;           |
+| `row-end-5`      | grid-row-end: 5;           |
+| `row-end-6`      | grid-row-end: 6;           |
+| `row-end-7`      | grid-row-end: 7;           |
+| `row-end-auto`   | grid-row-end: auto;        |
+
+#### [Gap](https://tailwindcss.com/docs/gap)
+
+| Snippet      | Purpose              |
+| ------------ | -------------------- |
+| `gap-0`      | gap: 0;              |
+| `gap-1`      | gap: 0.25rem;        |
+| `gap-2`      | gap: 0.5rem;         |
+| `gap-3`      | gap: 0.75rem;        |
+| `gap-4`      | gap: 1rem;           |
+| `gap-5`      | gap: 1.25rem;        |
+| `gap-6`      | gap: 1.5rem;         |
+| `gap-8`      | gap: 2rem;           |
+| `gap-10`     | gap: 2.5rem;         |
+| `gap-12`     | gap: 3rem;           |
+| `gap-16`     | gap: 4rem;           |
+| `gap-20`     | gap: 5rem;           |
+| `gap-24`     | gap: 6rem;           |
+| `gap-32`     | gap: 8rem;           |
+| `gap-40`     | gap: 10rem;          |
+| `gap-48`     | gap: 12rem;          |
+| `gap-56`     | gap: 14rem;          |
+| `gap-64`     | gap: 16rem;          |
+| `gap-px`     | gap: 1px;            |
+| `row-gap-0`  | row-gap: 0;          |
+| `row-gap-1`  | row-gap: 0.25rem;    |
+| `row-gap-2`  | row-gap: 0.5rem;     |
+| `row-gap-3`  | row-gap: 0.75rem;    |
+| `row-gap-4`  | row-gap: 1rem;       |
+| `row-gap-5`  | row-gap: 1.25rem;    |
+| `row-gap-6`  | row-gap: 1.5rem;     |
+| `row-gap-8`  | row-gap: 2rem;       |
+| `row-gap-10` | row-gap: 2.5rem;     |
+| `row-gap-12` | row-gap: 3rem;       |
+| `row-gap-16` | row-gap: 4rem;       |
+| `row-gap-20` | row-gap: 5rem;       |
+| `row-gap-24` | row-gap: 6rem;       |
+| `row-gap-32` | row-gap: 8rem;       |
+| `row-gap-40` | row-gap: 10rem;      |
+| `row-gap-48` | row-gap: 12rem;      |
+| `row-gap-56` | row-gap: 14rem;      |
+| `row-gap-64` | row-gap: 16rem;      |
+| `row-gap-px` | row-gap: 1px;        |
+| `col-gap-0`  | column-gap: 0;       |
+| `col-gap-1`  | column-gap: 0.25rem; |
+| `col-gap-2`  | column-gap: 0.5rem;  |
+| `col-gap-3`  | column-gap: 0.75rem; |
+| `col-gap-4`  | column-gap: 1rem;    |
+| `col-gap-5`  | column-gap: 1.25rem; |
+| `col-gap-6`  | column-gap: 1.5rem;  |
+| `col-gap-8`  | column-gap: 2rem;    |
+| `col-gap-10` | column-gap: 2.5rem;  |
+| `col-gap-12` | column-gap: 3rem;    |
+| `col-gap-16` | column-gap: 4rem;    |
+| `col-gap-20` | column-gap: 5rem;    |
+| `col-gap-24` | column-gap: 6rem;    |
+| `col-gap-32` | column-gap: 8rem;    |
+| `col-gap-40` | column-gap: 10rem;   |
+| `col-gap-48` | column-gap: 12rem;   |
+| `col-gap-56` | column-gap: 14rem;   |
+| `col-gap-64` | column-gap: 16rem;   |
+| `col-gap-px` | column-gap: 1px;     |
+
+#### [Grid Auto Flow](https://tailwindcss.com/docs/grid-auto-flow)
+
+| Snippet               | Purpose                       |
+| --------------------- | ----------------------------- |
+| `grid-flow-row`       | grid-auto-flow: row;          |
+| `grid-flow-col`       | grid-auto-flow: column;       |
+| `grid-flow-row-dense` | grid-auto-flow: row dense;    |
+| `grid-flow-col-dense` | grid-auto-flow: column dense; |
+
 ### [1 line layouts](https://1linelayouts.glitch.me/)
 
 **[Learn 1linelayouts in detail from Web Dev →](https://web.dev/one-line-layouts/)**

package.json

@@ -47,6 +47,10 @@
         "language": "css",
         "path": "./snippets/tailwind/flexbox.json"
       },
+      {
+        "language": "css",
+        "path": "./snippets/tailwind/grid.json"
+      },
       {
         "language": "css",
         "path": "./snippets/1linelayouts/snippets.json"