feat(meta-css): add/update framework specs/templates

thi-ng · Mar 15, 2024 · 119f385 · 119f385
1 parent eb09f16
commit 119f385
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 19 deletions.
diff --git a/packages/meta-css/specs/_info.mcss.json b/packages/meta-css/specs/_info.mcss.json
@@ -21,6 +21,5 @@
 		"noanim": {
 			"prefers-reduced-motion": true
 		}
-	},
-	"specs": []
+	}
 }
diff --git a/packages/meta-css/specs/anim.mcss.json b/packages/meta-css/specs/anim.mcss.json
@@ -3,19 +3,13 @@
 		["@keyframes", "fadein", { "opacity": 0 }, { "opacity": 1 }],
 		["@keyframes", "fadeout", { "opacity": 1 }, { "opacity": 0 }],
 		["@keyframes", "spin", { "rotate": 0 }, { "rotate": "1turn" }],
-		["@keyframes", "shrink2", { "height": "2rem" }, { "height": "0rem" }],
-		["@keyframes", "shrink4", { "height": "4rem" }, { "height": "0rem" }],
-		["@keyframes", "shrink8", { "height": "8rem" }, { "height": "0rem" }],
-		["@keyframes", "shrink16", { "height": "16rem" }, { "height": "0rem" }]
+		[
+			"@keyframes",
+			"shrink",
+			{ "height": "var(--shrink-size)" },
+			{ "height": 0 }
+		]
 	],
-	"vars": {
-		"in": [""],
-		"out": [""],
-		"2": [""],
-		"4": [""],
-		"8": [""],
-		"16": [""]
-	},
 	"specs": [
 		{
 			"user": "animations / transitions",
@@ -44,12 +38,11 @@
 		},
 		{
 			"user": "animations / transitions",
-			"name": "shrink<vid>-<k>",
+			"name": "shrink<k>",
 			"key": "i+1",
 			"props": { "animation": "shrink <v> ease-out forwards" },
 			"values": [0.25, 0.5, 1],
-			"unit": "second",
-			"vars": ["2", "4", "8", "16"]
+			"unit": "second"
 		},
 		{
 			"user": "animations / transitions",
@@ -63,6 +56,30 @@
 			"props": "animation-delay",
 			"values": [0, 1, 2, 3, 4, 5],
 			"unit": "second"
+		},
+		{
+			"user": "animations / transitions",
+			"name": "anim-<k>",
+			"props": "animation-play-state",
+			"values": { "pause": "paused", "play": "running" }
+		},
+		{
+			"user": "animations / transitions",
+			"name": "anim-<v>",
+			"props": "animation-timing-function",
+			"values": ["ease", "ease-in", "ease-out", "ease-in-out", "linear"]
+		},
+		{
+			"user": "animations / transitions",
+			"name": "anim-steps-<v>",
+			"props": { "animation-timing-function": "steps(<v>)" },
+			"values": [2, 3, 4, 5, 6, 8, 10]
+		},
+		{
+			"user": "animations / transitions",
+			"name": "anim-iter-<v>",
+			"props": "animation-iteration-count",
+			"values": [1, 2, 3, 4, 5, "infinite"]
 		}
 	]
 }
diff --git a/packages/meta-css/specs/normalize.mcss.json b/packages/meta-css/specs/normalize.mcss.json
@@ -154,6 +154,5 @@
 			[":last-child", { "margin-bottom": 0 }]
 		],
 		["@comment", "----- end: CSS normalization -----"]
-	],
-	"specs": []
+	]
 }
diff --git a/packages/meta-css/specs/positions.mcss.json b/packages/meta-css/specs/positions.mcss.json
@@ -23,5 +23,13 @@
 			"props": "z-index",
 			"values": [0, 1, 2, 3, 4, 5, 999, 9999]
 		}
+	],
+	"tpls": [
+		{
+			"user": "positions",
+			"name": "<var>",
+			"props": "<var>",
+			"vars": ["top", "right", "bottom", "left"]
+		}
 	]
 }