ladybird/Libraries/LibWeb/CSS/LogicalPropertyGroups.json
Callum Law d0a868dcfb LibWeb: Add method to map from physical to logical property
This will be required in later commit.

The implementation could do with some optimization
2026-03-25 12:53:22 +00:00

168 lines
4.3 KiB
JSON

{
"border-color": {
"physical": {
"top": "border-top-color",
"right": "border-right-color",
"bottom": "border-bottom-color",
"left": "border-left-color"
},
"logical": {
"block-start": "border-block-start-color",
"inline-end": "border-inline-end-color",
"block-end": "border-block-end-color",
"inline-start": "border-inline-start-color"
}
},
"border-radius": {
"physical": {
"top-left": "border-top-left-radius",
"bottom-left": "border-bottom-left-radius",
"top-right": "border-top-right-radius",
"bottom-right": "border-bottom-right-radius"
},
"logical": {
"start-start": "border-start-start-radius",
"start-end": "border-start-end-radius",
"end-start": "border-end-start-radius",
"end-end": "border-end-end-radius"
}
},
"border-style": {
"physical": {
"top": "border-top-style",
"right": "border-right-style",
"bottom": "border-bottom-style",
"left": "border-left-style"
},
"logical": {
"block-start": "border-block-start-style",
"inline-end": "border-inline-end-style",
"block-end": "border-block-end-style",
"inline-start": "border-inline-start-style"
}
},
"border-width": {
"physical": {
"top": "border-top-width",
"right": "border-right-width",
"bottom": "border-bottom-width",
"left": "border-left-width"
},
"logical": {
"block-start": "border-block-start-width",
"inline-end": "border-inline-end-width",
"block-end": "border-block-end-width",
"inline-start": "border-inline-start-width"
}
},
"corner-shape": {
"physical": {
"top-left": "corner-top-left-shape",
"bottom-left": "corner-bottom-left-shape",
"top-right": "corner-top-right-shape",
"bottom-right": "corner-bottom-right-shape"
},
"logical": {
"start-start": "corner-start-start-shape",
"start-end": "corner-start-end-shape",
"end-start": "corner-end-start-shape",
"end-end": "corner-end-end-shape"
}
},
"inset": {
"physical": {
"top": "top",
"right": "right",
"bottom": "bottom",
"left": "left"
},
"logical": {
"block-start": "inset-block-start",
"inline-end": "inset-inline-end",
"block-end": "inset-block-end",
"inline-start": "inset-inline-start"
}
},
"margin": {
"physical": {
"top": "margin-top",
"right": "margin-right",
"bottom": "margin-bottom",
"left": "margin-left"
},
"logical": {
"block-start": "margin-block-start",
"inline-end": "margin-inline-end",
"block-end": "margin-block-end",
"inline-start": "margin-inline-start"
}
},
"max-size": {
"physical": {
"width": "max-width",
"height": "max-height"
},
"logical": {
"block-size": "max-block-size",
"inline-size": "max-inline-size"
}
},
"min-size": {
"physical": {
"width": "min-width",
"height": "min-height"
},
"logical": {
"block-size": "min-block-size",
"inline-size": "min-inline-size"
}
},
"overflow": {
"physical": {
"x": "overflow-x",
"y": "overflow-y"
},
"logical": {
"block-xy": "overflow-block",
"inline-xy": "overflow-inline"
}
},
"overflow-clip-margin": {
"physical": {
"top": "overflow-clip-margin-top",
"right": "overflow-clip-margin-right",
"bottom": "overflow-clip-margin-bottom",
"left": "overflow-clip-margin-left"
},
"logical": {
"block-start": "overflow-clip-margin-block-start",
"inline-end": "overflow-clip-margin-inline-end",
"block-end": "overflow-clip-margin-block-end",
"inline-start": "overflow-clip-margin-inline-start"
}
},
"padding": {
"physical": {
"top": "padding-top",
"right": "padding-right",
"bottom": "padding-bottom",
"left": "padding-left"
},
"logical": {
"block-start": "padding-block-start",
"inline-end": "padding-inline-end",
"block-end": "padding-block-end",
"inline-start": "padding-inline-start"
}
},
"size": {
"physical": {
"width": "width",
"height": "height"
},
"logical": {
"block-size": "block-size",
"inline-size": "inline-size"
}
}
}