feat(meta-css): add/update template specs

packages/meta-css/specs/anim.mcss.json

@@ -60,7 +60,7 @@
 			"doc": {
 				"group": "animation / transition",
 				"args": ["duration: in seconds"],
-				"desc": "Animation which rotates element a full turn, loops indefinitely"
+				"desc": "Animation which rotates element a full turn, looping indefinitely"
 			},
 			"name": "spin",
 			"props": { "animation": "spin {0}s linear infinite" }

packages/meta-css/specs/aspect.mcss.json

@@ -1,7 +1,10 @@
 {
 	"specs": [
 		{
-			"doc": { "group": "aspect ratios" },
+			"doc": {
+				"group": "aspect ratios",
+				"desc": "To be used on the element forming the background of a `bg-aspect-ratio()` parent/wrapper"
+			},
 			"name": "bg-aspect-ratio-object",
 			"props": {
 				"position": "absolute",
@@ -36,7 +39,7 @@
 			"props": {
 				"height": 0,
 				"position": "relative",
-				"padding-bottom": "calc(100%/({0}/{1}))"
+				"padding-bottom": "calc(100% / ({0} / {1}))"
 			}
 		}
 	]

packages/meta-css/specs/colors.mcss.json

@@ -146,9 +146,9 @@
 		{
 			"doc": {
 				"group": "svg",
-				"args": ["index: color variable index"]
+				"args": ["name: variable name (without `--` prefix)"]
 			},
-			"name": "<var>-color",
+			"name": "<var>",
 			"props": { "<var>": "var(--color{0})" },
 			"vars": ["fill-stroke"]
 		}

packages/meta-css/specs/grids.mcss.json

@@ -56,5 +56,16 @@
 			"values": "align",
 			"vars": ["align", "justify"]
 		}
+	],
+	"templates": [
+		{
+			"doc": {
+				"group": "grid layout",
+				"args": ["<vid>: CSS <vid> definitions"]
+			},
+			"name": "grid-<vid>",
+			"props": "grid-template-<var>",
+			"vars": ["cols", "rows"]
+		}
 	]
 }