-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyleguide.css
More file actions
347 lines (347 loc) · 15.6 KB
/
Copy pathstyleguide.css
File metadata and controls
347 lines (347 loc) · 15.6 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
:root {
--black: rgba(0, 0, 0, 1);
--grey: rgba(228, 226, 223, 1);
--heading-desktop-h1-font-family: "Roboto", Helvetica;
--heading-desktop-h1-font-size: 56px;
--heading-desktop-h1-font-style: normal;
--heading-desktop-h1-font-weight: 700;
--heading-desktop-h1-letter-spacing: 0px;
--heading-desktop-h1-line-height: 120.00000476837158%;
--heading-desktop-h2-font-family: "Roboto", Helvetica;
--heading-desktop-h2-font-size: 48px;
--heading-desktop-h2-font-style: normal;
--heading-desktop-h2-font-weight: 700;
--heading-desktop-h2-letter-spacing: 0px;
--heading-desktop-h2-line-height: 120.00000476837158%;
--heading-desktop-h3-font-family: "Roboto", Helvetica;
--heading-desktop-h3-font-size: 40px;
--heading-desktop-h3-font-style: normal;
--heading-desktop-h3-font-weight: 700;
--heading-desktop-h3-letter-spacing: 0px;
--heading-desktop-h3-line-height: 120.00000476837158%;
--heading-desktop-h4-font-family: "Roboto", Helvetica;
--heading-desktop-h4-font-size: 32px;
--heading-desktop-h4-font-style: normal;
--heading-desktop-h4-font-weight: 700;
--heading-desktop-h4-letter-spacing: 0px;
--heading-desktop-h4-line-height: 129.99999523162842%;
--heading-desktop-h5-font-family: "Roboto", Helvetica;
--heading-desktop-h5-font-size: 24px;
--heading-desktop-h5-font-style: normal;
--heading-desktop-h5-font-weight: 700;
--heading-desktop-h5-letter-spacing: 0px;
--heading-desktop-h5-line-height: 139.9999976158142%;
--heading-desktop-h6-font-family: "Roboto", Helvetica;
--heading-desktop-h6-font-size: 20px;
--heading-desktop-h6-font-style: normal;
--heading-desktop-h6-font-weight: 700;
--heading-desktop-h6-letter-spacing: 0px;
--heading-desktop-h6-line-height: 139.9999976158142%;
--heading-desktop-tagline-font-family: "Roboto", Helvetica;
--heading-desktop-tagline-font-size: 16px;
--heading-desktop-tagline-font-style: normal;
--heading-desktop-tagline-font-weight: 600;
--heading-desktop-tagline-letter-spacing: 0px;
--heading-desktop-tagline-line-height: 150%;
--heading-mobile-h1-font-family: "Roboto", Helvetica;
--heading-mobile-h1-font-size: 40px;
--heading-mobile-h1-font-style: normal;
--heading-mobile-h1-font-weight: 700;
--heading-mobile-h1-letter-spacing: 0px;
--heading-mobile-h1-line-height: 120.00000476837158%;
--heading-mobile-h2-font-family: "Roboto", Helvetica;
--heading-mobile-h2-font-size: 36px;
--heading-mobile-h2-font-style: normal;
--heading-mobile-h2-font-weight: 700;
--heading-mobile-h2-letter-spacing: 0px;
--heading-mobile-h2-line-height: 120.00000476837158%;
--heading-mobile-h3-font-family: "Roboto", Helvetica;
--heading-mobile-h3-font-size: 32px;
--heading-mobile-h3-font-style: normal;
--heading-mobile-h3-font-weight: 700;
--heading-mobile-h3-letter-spacing: 0px;
--heading-mobile-h3-line-height: 120.00000476837158%;
--heading-mobile-h4-font-family: "Roboto", Helvetica;
--heading-mobile-h4-font-size: 24px;
--heading-mobile-h4-font-style: normal;
--heading-mobile-h4-font-weight: 700;
--heading-mobile-h4-letter-spacing: 0px;
--heading-mobile-h4-line-height: 139.9999976158142%;
--heading-mobile-h5-font-family: "Roboto", Helvetica;
--heading-mobile-h5-font-size: 20px;
--heading-mobile-h5-font-style: normal;
--heading-mobile-h5-font-weight: 700;
--heading-mobile-h5-letter-spacing: 0px;
--heading-mobile-h5-line-height: 139.9999976158142%;
--heading-mobile-h6-font-family: "Roboto", Helvetica;
--heading-mobile-h6-font-size: 18px;
--heading-mobile-h6-font-style: normal;
--heading-mobile-h6-font-weight: 700;
--heading-mobile-h6-letter-spacing: 0px;
--heading-mobile-h6-line-height: 139.9999976158142%;
--large: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px
rgba(0, 0, 0, 0.08);
--medium: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px
rgba(0, 0, 0, 0.08);
--primitive-color-brand-black: rgba(0, 0, 0, 1);
--primitive-color-brand-white: rgba(255, 255, 255, 1);
--primitive-color-neutral-black: rgba(0, 0, 0, 1);
--primitive-color-neutral-neutral: rgba(102, 102, 102, 1);
--primitive-color-neutral-neutral-dark: rgba(68, 68, 68, 1);
--primitive-color-neutral-neutral-darker: rgba(34, 34, 34, 1);
--primitive-color-neutral-neutral-darkest: rgba(17, 17, 17, 1);
--primitive-color-neutral-neutral-light: rgba(170, 170, 170, 1);
--primitive-color-neutral-neutral-lighter: rgba(204, 204, 204, 1);
--primitive-color-neutral-neutral-lightest: rgba(238, 238, 238, 1);
--primitive-color-neutral-white: rgba(255, 255, 255, 1);
--primitive-color-system-error-red: rgba(180, 35, 24, 1);
--primitive-color-system-error-red-light: rgba(254, 243, 242, 1);
--primitive-color-system-success-green: rgba(2, 122, 72, 1);
--primitive-color-system-success-green-light: rgba(236, 253, 243, 1);
--semantic-background-color-alternate: var(--primitive-color-neutral-black);
--semantic-background-color-error: var(
--primitive-color-system-error-red-light
);
--semantic-background-color-primary: var(--primitive-color-neutral-white);
--semantic-background-color-secondary: var(
--primitive-color-neutral-neutral-lightest
);
--semantic-background-color-success: var(
--primitive-color-system-success-green-light
);
--semantic-background-color-tertiary: var(
--primitive-color-neutral-neutral-dark
);
--semantic-border-alternate: var(--primitive-color-neutral-white);
--semantic-border-error: var(--primitive-color-system-error-red);
--semantic-border-primary: var(--primitive-color-neutral-black);
--semantic-border-secondary: var(--primitive-color-neutral-neutral-light);
--semantic-border-success: var(--primitive-color-system-success-green);
--semantic-border-tertiary: var(--primitive-color-neutral-neutral-dark);
--semantic-link-alternate: var(--primitive-color-neutral-white);
--semantic-link-primary: var(--primitive-color-neutral-black);
--semantic-link-secondary: var(--primitive-color-neutral-neutral);
--semantic-text-alternate: var(--primitive-color-neutral-white);
--semantic-text-error: var(--primitive-color-system-error-red);
--semantic-text-primary: var(--primitive-color-neutral-black);
--semantic-text-secondary: var(--primitive-color-neutral-neutral-light);
--semantic-text-success: var(--primitive-color-system-success-green);
--small: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px
rgba(0, 0, 0, 0.1);
--text-large-bold-font-family: "Roboto", Helvetica;
--text-large-bold-font-size: 20px;
--text-large-bold-font-style: normal;
--text-large-bold-font-weight: 700;
--text-large-bold-letter-spacing: 0px;
--text-large-bold-line-height: 150%;
--text-large-extra-bold-font-family: "Roboto", Helvetica;
--text-large-extra-bold-font-size: 20px;
--text-large-extra-bold-font-style: normal;
--text-large-extra-bold-font-weight: 800;
--text-large-extra-bold-letter-spacing: 0px;
--text-large-extra-bold-line-height: 150%;
--text-large-light-font-family: "Roboto", Helvetica;
--text-large-light-font-size: 20px;
--text-large-light-font-style: normal;
--text-large-light-font-weight: 300;
--text-large-light-letter-spacing: 0px;
--text-large-light-line-height: 150%;
--text-large-link-font-family: "Roboto", Helvetica;
--text-large-link-font-size: 20px;
--text-large-link-font-style: normal;
--text-large-link-font-weight: 400;
--text-large-link-letter-spacing: 0px;
--text-large-link-line-height: 150%;
--text-large-medium-font-family: "Roboto", Helvetica;
--text-large-medium-font-size: 20px;
--text-large-medium-font-style: normal;
--text-large-medium-font-weight: 500;
--text-large-medium-letter-spacing: 0px;
--text-large-medium-line-height: 150%;
--text-large-normal-font-family: "Roboto", Helvetica;
--text-large-normal-font-size: 20px;
--text-large-normal-font-style: normal;
--text-large-normal-font-weight: 400;
--text-large-normal-letter-spacing: 0px;
--text-large-normal-line-height: 150%;
--text-large-semi-bold-font-family: "Roboto", Helvetica;
--text-large-semi-bold-font-size: 20px;
--text-large-semi-bold-font-style: normal;
--text-large-semi-bold-font-weight: 600;
--text-large-semi-bold-letter-spacing: 0px;
--text-large-semi-bold-line-height: 150%;
--text-medium-bold-font-family: "Roboto", Helvetica;
--text-medium-bold-font-size: 18px;
--text-medium-bold-font-style: normal;
--text-medium-bold-font-weight: 700;
--text-medium-bold-letter-spacing: 0px;
--text-medium-bold-line-height: 150%;
--text-medium-extra-bold-font-family: "Roboto", Helvetica;
--text-medium-extra-bold-font-size: 18px;
--text-medium-extra-bold-font-style: normal;
--text-medium-extra-bold-font-weight: 700;
--text-medium-extra-bold-letter-spacing: 0px;
--text-medium-extra-bold-line-height: 150%;
--text-medium-light-font-family: "Roboto", Helvetica;
--text-medium-light-font-size: 18px;
--text-medium-light-font-style: normal;
--text-medium-light-font-weight: 300;
--text-medium-light-letter-spacing: 0px;
--text-medium-light-line-height: 150%;
--text-medium-link-font-family: "Roboto", Helvetica;
--text-medium-link-font-size: 18px;
--text-medium-link-font-style: normal;
--text-medium-link-font-weight: 400;
--text-medium-link-letter-spacing: 0px;
--text-medium-link-line-height: 150%;
--text-medium-medium-font-family: "Roboto", Helvetica;
--text-medium-medium-font-size: 18px;
--text-medium-medium-font-style: normal;
--text-medium-medium-font-weight: 500;
--text-medium-medium-letter-spacing: 0px;
--text-medium-medium-line-height: 150%;
--text-medium-normal-font-family: "Roboto", Helvetica;
--text-medium-normal-font-size: 18px;
--text-medium-normal-font-style: normal;
--text-medium-normal-font-weight: 400;
--text-medium-normal-letter-spacing: 0px;
--text-medium-normal-line-height: 150%;
--text-medium-semi-bold-font-family: "Roboto", Helvetica;
--text-medium-semi-bold-font-size: 18px;
--text-medium-semi-bold-font-style: normal;
--text-medium-semi-bold-font-weight: 600;
--text-medium-semi-bold-letter-spacing: 0px;
--text-medium-semi-bold-line-height: 150%;
--text-regular-bold-font-family: "Roboto", Helvetica;
--text-regular-bold-font-size: 16px;
--text-regular-bold-font-style: normal;
--text-regular-bold-font-weight: 700;
--text-regular-bold-letter-spacing: 0px;
--text-regular-bold-line-height: 150%;
--text-regular-extra-bold-font-family: "Roboto", Helvetica;
--text-regular-extra-bold-font-size: 16px;
--text-regular-extra-bold-font-style: normal;
--text-regular-extra-bold-font-weight: 800;
--text-regular-extra-bold-letter-spacing: 0px;
--text-regular-extra-bold-line-height: 150%;
--text-regular-light-font-family: "Roboto", Helvetica;
--text-regular-light-font-size: 16px;
--text-regular-light-font-style: normal;
--text-regular-light-font-weight: 300;
--text-regular-light-letter-spacing: 0px;
--text-regular-light-line-height: 150%;
--text-regular-link-font-family: "Roboto", Helvetica;
--text-regular-link-font-size: 16px;
--text-regular-link-font-style: normal;
--text-regular-link-font-weight: 400;
--text-regular-link-letter-spacing: 0px;
--text-regular-link-line-height: 150%;
--text-regular-medium-font-family: "Roboto", Helvetica;
--text-regular-medium-font-size: 16px;
--text-regular-medium-font-style: normal;
--text-regular-medium-font-weight: 500;
--text-regular-medium-letter-spacing: 0px;
--text-regular-medium-line-height: 150%;
--text-regular-normal-font-family: "Roboto", Helvetica;
--text-regular-normal-font-size: 16px;
--text-regular-normal-font-style: normal;
--text-regular-normal-font-weight: 400;
--text-regular-normal-letter-spacing: 0px;
--text-regular-normal-line-height: 150%;
--text-regular-semi-bold-font-family: "Roboto", Helvetica;
--text-regular-semi-bold-font-size: 16px;
--text-regular-semi-bold-font-style: normal;
--text-regular-semi-bold-font-weight: 600;
--text-regular-semi-bold-letter-spacing: 0px;
--text-regular-semi-bold-line-height: 150%;
--text-small-bold-font-family: "Roboto", Helvetica;
--text-small-bold-font-size: 14px;
--text-small-bold-font-style: normal;
--text-small-bold-font-weight: 700;
--text-small-bold-letter-spacing: 0px;
--text-small-bold-line-height: 150%;
--text-small-extra-bold-font-family: "Roboto", Helvetica;
--text-small-extra-bold-font-size: 14px;
--text-small-extra-bold-font-style: normal;
--text-small-extra-bold-font-weight: 800;
--text-small-extra-bold-letter-spacing: 0px;
--text-small-extra-bold-line-height: 150%;
--text-small-light-font-family: "Roboto", Helvetica;
--text-small-light-font-size: 14px;
--text-small-light-font-style: normal;
--text-small-light-font-weight: 300;
--text-small-light-letter-spacing: 0px;
--text-small-light-line-height: 150%;
--text-small-link-font-family: "Roboto", Helvetica;
--text-small-link-font-size: 14px;
--text-small-link-font-style: normal;
--text-small-link-font-weight: 400;
--text-small-link-letter-spacing: 0px;
--text-small-link-line-height: 150%;
--text-small-medium-font-family: "Roboto", Helvetica;
--text-small-medium-font-size: 14px;
--text-small-medium-font-style: normal;
--text-small-medium-font-weight: 500;
--text-small-medium-letter-spacing: 0px;
--text-small-medium-line-height: 150%;
--text-small-normal-font-family: "Roboto", Helvetica;
--text-small-normal-font-size: 14px;
--text-small-normal-font-style: normal;
--text-small-normal-font-weight: 400;
--text-small-normal-letter-spacing: 0px;
--text-small-normal-line-height: 150%;
--text-small-semi-bold-font-family: "Roboto", Helvetica;
--text-small-semi-bold-font-size: 14px;
--text-small-semi-bold-font-style: normal;
--text-small-semi-bold-font-weight: 600;
--text-small-semi-bold-letter-spacing: 0px;
--text-small-semi-bold-line-height: 150%;
--text-tiny-bold-font-family: "Roboto", Helvetica;
--text-tiny-bold-font-size: 12px;
--text-tiny-bold-font-style: normal;
--text-tiny-bold-font-weight: 700;
--text-tiny-bold-letter-spacing: 0px;
--text-tiny-bold-line-height: 150%;
--text-tiny-extra-bold-font-family: "Roboto", Helvetica;
--text-tiny-extra-bold-font-size: 12px;
--text-tiny-extra-bold-font-style: normal;
--text-tiny-extra-bold-font-weight: 800;
--text-tiny-extra-bold-letter-spacing: 0px;
--text-tiny-extra-bold-line-height: 150%;
--text-tiny-light-font-family: "Roboto", Helvetica;
--text-tiny-light-font-size: 12px;
--text-tiny-light-font-style: normal;
--text-tiny-light-font-weight: 300;
--text-tiny-light-letter-spacing: 0px;
--text-tiny-light-line-height: 150%;
--text-tiny-link-font-family: "Roboto", Helvetica;
--text-tiny-link-font-size: 12px;
--text-tiny-link-font-style: normal;
--text-tiny-link-font-weight: 400;
--text-tiny-link-letter-spacing: 0px;
--text-tiny-link-line-height: 150%;
--text-tiny-medium-font-family: "Roboto", Helvetica;
--text-tiny-medium-font-size: 12px;
--text-tiny-medium-font-style: normal;
--text-tiny-medium-font-weight: 500;
--text-tiny-medium-letter-spacing: 0px;
--text-tiny-medium-line-height: 150%;
--text-tiny-normal-font-family: "Roboto", Helvetica;
--text-tiny-normal-font-size: 12px;
--text-tiny-normal-font-style: normal;
--text-tiny-normal-font-weight: 400;
--text-tiny-normal-letter-spacing: 0px;
--text-tiny-normal-line-height: 150%;
--text-tiny-semi-bold-font-family: "Roboto", Helvetica;
--text-tiny-semi-bold-font-size: 12px;
--text-tiny-semi-bold-font-style: normal;
--text-tiny-semi-bold-font-weight: 600;
--text-tiny-semi-bold-letter-spacing: 0px;
--text-tiny-semi-bold-line-height: 150%;
--white: rgba(255, 255, 255, 1);
--xlarge: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
--xsmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px
rgba(0, 0, 0, 0.1);
--xxlarge: 0px 32px 64px -12px rgba(0, 0, 0, 0.14);
--xxsmall: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}