UNPKG

@pmndrs/uikit

Version:

Build performant 3D user interfaces with Three.js and yoga.

github.com/pmndrs/uikit

pmndrs/uikit

92 lines (91 loc) • 4.71 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
const flexAliases = { borderWidth: ['borderBottomWidth', 'borderTopWidth', 'borderLeftWidth', 'borderRightWidth'], borderXWidth: ['borderLeftWidth', 'borderRightWidth'], borderYWidth: ['borderTopWidth', 'borderBottomWidth'], inset: ['positionTop', 'positionLeft', 'positionRight', 'positionBottom'], padding: ['paddingBottom', 'paddingTop', 'paddingLeft', 'paddingRight'], paddingX: ['paddingLeft', 'paddingRight'], paddingInline: ['paddingLeft', 'paddingRight'], paddingInlineStart: ['paddingLeft'], paddingInlineEnd: ['paddingRight'], paddingY: ['paddingTop', 'paddingBottom'], paddingBlock: ['paddingTop', 'paddingBottom'], paddingBlockStart: ['paddingTop'], paddingBlockEnd: ['paddingBottom'], margin: ['marginBottom', 'marginTop', 'marginLeft', 'marginRight'], marginX: ['marginLeft', 'marginRight'], marginInline: ['marginLeft', 'marginRight'], marginInlineStart: ['marginLeft'], marginInlineEnd: ['marginRight'], marginY: ['marginTop', 'marginBottom'], marginBlock: ['marginTop', 'marginBottom'], marginBlockStart: ['marginTop'], marginBlockEnd: ['marginBottom'], gap: ['gapRow', 'gapColumn'], }; const panelAliases = { borderRadius: ['borderTopLeftRadius', 'borderTopRightRadius', 'borderBottomLeftRadius', 'borderBottomRightRadius'], borderTopRadius: ['borderTopLeftRadius', 'borderTopRightRadius'], borderLeftRadius: ['borderTopLeftRadius', 'borderBottomLeftRadius'], borderRightRadius: ['borderTopRightRadius', 'borderBottomRightRadius'], borderBottomRadius: ['borderBottomLeftRadius', 'borderBottomRightRadius'], }; const scrollbarAliases = { scrollbarBorderRadius: [ 'scrollbarBorderTopLeftRadius', 'scrollbarBorderTopRightRadius', 'scrollbarBorderBottomLeftRadius', 'scrollbarBorderBottomRightRadius', ], scrollbarBorderTopRadius: ['scrollbarBorderTopLeftRadius', 'scrollbarBorderTopRightRadius'], scrollbarBorderLeftRadius: ['scrollbarBorderTopLeftRadius', 'scrollbarBorderBottomLeftRadius'], scrollbarBorderRightRadius: ['scrollbarBorderTopRightRadius', 'scrollbarBorderBottomRightRadius'], scrollbarBorderBottomRadius: ['scrollbarBorderBottomLeftRadius', 'scrollbarBorderBottomRightRadius'], scrollbarBorderWidth: [ 'scrollbarBorderBottomWidth', 'scrollbarBorderTopWidth', 'scrollbarBorderLeftWidth', 'scrollbarBorderRightWidth', ], scrollbarBorderXWidth: ['scrollbarBorderLeftWidth', 'scrollbarBorderRightWidth'], scrollbarBorderYWidth: ['scrollbarBorderTopWidth', 'scrollbarBorderBottomWidth'], }; const caretAliases = { caretBorderRadius: [ 'caretBorderTopLeftRadius', 'caretBorderTopRightRadius', 'caretBorderBottomLeftRadius', 'caretBorderBottomRightRadius', ], caretBorderTopRadius: ['caretBorderTopLeftRadius', 'caretBorderTopRightRadius'], caretBorderLeftRadius: ['caretBorderTopLeftRadius', 'caretBorderBottomLeftRadius'], caretBorderRightRadius: ['caretBorderTopRightRadius', 'caretBorderBottomRightRadius'], caretBorderBottomRadius: ['caretBorderBottomLeftRadius', 'caretBorderBottomRightRadius'], caretBorderWidth: ['caretBorderBottomWidth', 'caretBorderTopWidth', 'caretBorderLeftWidth', 'caretBorderRightWidth'], caretBorderXWidth: ['caretBorderLeftWidth', 'caretBorderRightWidth'], caretBorderYWidth: ['caretBorderTopWidth', 'caretBorderBottomWidth'], }; const selectionAliases = { selectionBorderRadius: [ 'selectionBorderTopLeftRadius', 'selectionBorderTopRightRadius', 'selectionBorderBottomLeftRadius', 'selectionBorderBottomRightRadius', ], selectionBorderTopRadius: ['selectionBorderTopLeftRadius', 'selectionBorderTopRightRadius'], selectionBorderLeftRadius: ['selectionBorderTopLeftRadius', 'selectionBorderBottomLeftRadius'], selectionBorderRightRadius: ['selectionBorderTopRightRadius', 'selectionBorderBottomRightRadius'], selectionBorderBottomRadius: ['selectionBorderBottomLeftRadius', 'selectionBorderBottomRightRadius'], selectionBorderWidth: [ 'selectionBorderBottomWidth', 'selectionBorderTopWidth', 'selectionBorderLeftWidth', 'selectionBorderRightWidth', ], selectionBorderXWidth: ['selectionBorderLeftWidth', 'selectionBorderRightWidth'], selectionBorderYWidth: ['selectionBorderTopWidth', 'selectionBorderBottomWidth'], }; const transformAliases = { transformScale: ['transformScaleX', 'transformScaleY', 'transformScaleZ'], }; export const allAliases = Object.assign({}, flexAliases, panelAliases, scrollbarAliases, transformAliases, caretAliases, selectionAliases);