UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

lightningdesignsystem.com

salesforce-ux/design-system

118 lines • 2.58 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
{ "aliases": {}, "props": { "FONT_SIZE_SMALL": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "0.75rem", "originalValue": "0.75rem", "name": "FONT_SIZE_SMALL" }, "FONT_SIZE_MEDIUM": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "0.8125rem", "originalValue": "0.8125rem", "name": "FONT_SIZE_MEDIUM" }, "FONT_SIZE_MEDIUM_A": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "0.875rem", "originalValue": "0.875rem", "name": "FONT_SIZE_MEDIUM_A" }, "FONT_SIZE_LARGE": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "1rem", "originalValue": "1rem", "name": "FONT_SIZE_LARGE" }, "FONT_SIZE_X_LARGE": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "1.25rem", "originalValue": "1.25rem", "name": "FONT_SIZE_X_LARGE" }, "FONT_SIZE_XX_LARGE": { "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "deprecated": true, "value": "1.75rem", "originalValue": "1.75rem", "name": "FONT_SIZE_XX_LARGE" }, "HEIGHT_HEADER": { "type": "size", "cssProperties": [ "*width", "*height", "*flex*", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "category": "sizing", "value": "3.125rem", "comment": "Header for desktop.", "access": "global", "originalValue": "3.125rem", "name": "HEIGHT_HEADER" }, "SQUARE_ICON_MEDIUM": { "type": "size", "cssProperties": [ "*width", "*height", "*flex*", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "category": "sizing", "value": "2rem", "comment": "Medium tap target size", "originalValue": "2rem", "name": "SQUARE_ICON_MEDIUM" } } }