RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 18:47:44 +00:00
Code Issues Activity Actions

LibWeb: Use more verbose input in CSS transform function generator

Browse source
This commit is contained in:
Aliaksandr Kalenik 2022-10-26 16:09:20 +03:00 • committed by Sam Atkins
parent 4bf587811f
commit f099e2aa12
3 changed files with 94 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

63
Userland/Libraries/LibWeb/CSS/TransformFunctions.json
View file

@ -1,47 +1,80 @@
{
"matrix": {
"parameters": "<number>{6}"
"parameters": [
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true }
]
},
"matrix3d": {
"parameters": "<number>{16}"
"parameters": [
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": true }
]
},
"translate": {
"parameters": "<length-percentage>{1,2}"
"parameters": [
{ "type": "<length-percentage>", "required": true },
{ "type": "<length-percentage>", "required": false }
]
},
"translateX": {
"parameters": "<length-percentage>"
"parameters": [{ "type": "<length-percentage>", "required": true }]
},
"translateY": {
"parameters": "<length-percentage>"
"parameters": [{ "type": "<length-percentage>", "required": true }]
},
"scale": {
"parameters": "<number>{1,2}"
"parameters": [
{ "type": "<number>", "required": true },
{ "type": "<number>", "required": false }
]
},
"scaleX": {
"parameters": "<number>"
"parameters": [{ "type": "<number>", "required": true }]
},
"scaleY": {
"parameters": "<number>"
"parameters": [{ "type": "<number>", "required": true }]
},
"rotate": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
},
"rotateX": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
},
"rotateY": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
},
"rotateZ": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
},
"skew": {
"parameters": "<angle>{1,2}"
"parameters": [
{ "type": "<angle>", "required": true },
{ "type": "<angle>", "required": false }
]
},
"skewX": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
},
"skewY": {
"parameters": "<angle>"
"parameters": [{ "type": "<angle>", "required": true }]
}
}