@sanity/sdk-react 0.0.0-alpha.2 → 0.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/README.md +38 -67
  2. package/dist/index.d.ts +4811 -2
  3. package/dist/index.js +1069 -2
  4. package/dist/index.js.map +1 -1
  5. package/package.json +27 -58
  6. package/src/_exports/index.ts +66 -10
  7. package/src/components/Login/LoginLinks.test.tsx +4 -14
  8. package/src/components/Login/LoginLinks.tsx +16 -31
  9. package/src/components/SDKProvider.test.tsx +79 -0
  10. package/src/components/SDKProvider.tsx +42 -0
  11. package/src/components/SanityApp.test.tsx +156 -0
  12. package/src/components/SanityApp.tsx +90 -0
  13. package/src/components/auth/AuthBoundary.test.tsx +6 -19
  14. package/src/components/auth/AuthBoundary.tsx +20 -4
  15. package/src/components/auth/Login.test.tsx +2 -16
  16. package/src/components/auth/Login.tsx +11 -30
  17. package/src/components/auth/LoginCallback.test.tsx +5 -20
  18. package/src/components/auth/LoginCallback.tsx +9 -14
  19. package/src/components/auth/LoginError.test.tsx +2 -17
  20. package/src/components/auth/LoginError.tsx +11 -16
  21. package/src/components/auth/LoginFooter.test.tsx +2 -16
  22. package/src/components/auth/LoginFooter.tsx +8 -24
  23. package/src/components/auth/LoginLayout.test.tsx +2 -16
  24. package/src/components/auth/LoginLayout.tsx +8 -38
  25. package/src/components/auth/authTestHelpers.tsx +11 -0
  26. package/src/components/utils.ts +22 -0
  27. package/src/context/SanityInstanceContext.ts +4 -0
  28. package/src/{components/context → context}/SanityProvider.test.tsx +2 -2
  29. package/src/context/SanityProvider.tsx +50 -0
  30. package/src/hooks/_synchronous-groq-js.mjs +4 -0
  31. package/src/hooks/auth/useAuthState.tsx +4 -5
  32. package/src/hooks/auth/useAuthToken.tsx +1 -1
  33. package/src/hooks/auth/useCurrentUser.tsx +28 -4
  34. package/src/hooks/auth/useDashboardOrganizationId.test.tsx +42 -0
  35. package/src/hooks/auth/useDashboardOrganizationId.tsx +29 -0
  36. package/src/hooks/auth/useHandleAuthCallback.test.tsx +16 -0
  37. package/src/hooks/auth/{useHandleCallback.tsx → useHandleAuthCallback.tsx} +7 -6
  38. package/src/hooks/auth/useLogOut.test.tsx +2 -2
  39. package/src/hooks/auth/useLogOut.tsx +1 -1
  40. package/src/hooks/auth/useLoginUrls.tsx +1 -0
  41. package/src/hooks/client/useClient.ts +9 -30
  42. package/src/hooks/comlink/useFrameConnection.test.tsx +167 -0
  43. package/src/hooks/comlink/useFrameConnection.ts +107 -0
  44. package/src/hooks/comlink/useManageFavorite.test.ts +111 -0
  45. package/src/hooks/comlink/useManageFavorite.ts +130 -0
  46. package/src/hooks/comlink/useRecordDocumentHistoryEvent.test.ts +81 -0
  47. package/src/hooks/comlink/useRecordDocumentHistoryEvent.ts +106 -0
  48. package/src/hooks/comlink/useWindowConnection.test.ts +135 -0
  49. package/src/hooks/comlink/useWindowConnection.ts +122 -0
  50. package/src/hooks/context/useSanityInstance.test.tsx +2 -2
  51. package/src/hooks/context/useSanityInstance.ts +24 -8
  52. package/src/hooks/dashboard/useNavigateToStudioDocument.test.ts +178 -0
  53. package/src/hooks/dashboard/useNavigateToStudioDocument.ts +123 -0
  54. package/src/hooks/dashboard/useStudioWorkspacesByResourceId.test.tsx +278 -0
  55. package/src/hooks/dashboard/useStudioWorkspacesByResourceId.ts +92 -0
  56. package/src/hooks/datasets/useDatasets.ts +40 -0
  57. package/src/hooks/document/useApplyDocumentActions.test.ts +25 -0
  58. package/src/hooks/document/useApplyDocumentActions.ts +75 -0
  59. package/src/hooks/document/useDocument.test.ts +81 -0
  60. package/src/hooks/document/useDocument.ts +107 -0
  61. package/src/hooks/document/useDocumentEvent.test.ts +63 -0
  62. package/src/hooks/document/useDocumentEvent.ts +54 -0
  63. package/src/hooks/document/useDocumentPermissions.ts +84 -0
  64. package/src/hooks/document/useDocumentSyncStatus.test.ts +16 -0
  65. package/src/hooks/document/useDocumentSyncStatus.ts +33 -0
  66. package/src/hooks/document/useEditDocument.test.ts +179 -0
  67. package/src/hooks/document/useEditDocument.ts +195 -0
  68. package/src/hooks/documents/useDocuments.test.tsx +152 -0
  69. package/src/hooks/documents/useDocuments.ts +174 -0
  70. package/src/hooks/helpers/createCallbackHook.tsx +3 -2
  71. package/src/hooks/helpers/createStateSourceHook.test.tsx +66 -0
  72. package/src/hooks/helpers/createStateSourceHook.tsx +29 -10
  73. package/src/hooks/paginatedDocuments/usePaginatedDocuments.test.tsx +259 -0
  74. package/src/hooks/paginatedDocuments/usePaginatedDocuments.ts +290 -0
  75. package/src/hooks/preview/usePreview.test.tsx +19 -10
  76. package/src/hooks/preview/usePreview.tsx +67 -13
  77. package/src/hooks/projection/useProjection.test.tsx +218 -0
  78. package/src/hooks/projection/useProjection.ts +147 -0
  79. package/src/hooks/projects/useProject.ts +48 -0
  80. package/src/hooks/projects/useProjects.ts +45 -0
  81. package/src/hooks/query/useQuery.test.tsx +188 -0
  82. package/src/hooks/query/useQuery.ts +103 -0
  83. package/src/hooks/users/useUsers.test.ts +163 -0
  84. package/src/hooks/users/useUsers.ts +107 -0
  85. package/src/utils/getEnv.ts +21 -0
  86. package/src/version.ts +8 -0
  87. package/src/vite-env.d.ts +10 -0
  88. package/dist/_chunks-es/useLogOut.js +0 -44
  89. package/dist/_chunks-es/useLogOut.js.map +0 -1
  90. package/dist/assets/bundle-CcAyERuZ.css +0 -11
  91. package/dist/components.d.ts +0 -257
  92. package/dist/components.js +0 -316
  93. package/dist/components.js.map +0 -1
  94. package/dist/hooks.d.ts +0 -187
  95. package/dist/hooks.js +0 -81
  96. package/dist/hooks.js.map +0 -1
  97. package/src/_exports/components.ts +0 -13
  98. package/src/_exports/hooks.ts +0 -9
  99. package/src/components/DocumentGridLayout/DocumentGridLayout.stories.tsx +0 -113
  100. package/src/components/DocumentGridLayout/DocumentGridLayout.test.tsx +0 -42
  101. package/src/components/DocumentGridLayout/DocumentGridLayout.tsx +0 -21
  102. package/src/components/DocumentListLayout/DocumentListLayout.stories.tsx +0 -105
  103. package/src/components/DocumentListLayout/DocumentListLayout.test.tsx +0 -42
  104. package/src/components/DocumentListLayout/DocumentListLayout.tsx +0 -12
  105. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.md +0 -49
  106. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.stories.tsx +0 -39
  107. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.test.tsx +0 -30
  108. package/src/components/DocumentPreviewLayout/DocumentPreviewLayout.tsx +0 -171
  109. package/src/components/context/SanityProvider.tsx +0 -42
  110. package/src/css/css.config.js +0 -220
  111. package/src/css/paramour.css +0 -2347
  112. package/src/css/styles.css +0 -11
  113. package/src/hooks/auth/useHandleCallback.test.tsx +0 -16
  114. package/src/hooks/client/useClient.test.tsx +0 -130
  115. package/src/hooks/documentCollection/useDocuments.test.ts +0 -130
  116. package/src/hooks/documentCollection/useDocuments.ts +0 -87
@@ -1,2347 +0,0 @@
1
- /**
2
- * PARAMOUR CSS
3
- * For more information, please see the documentation at : https://github.com/paramours/css#readme
4
- */
5
-
6
- /*** Reset ***/
7
- *,
8
- *::before,
9
- *::after {
10
- box-sizing: border-box;
11
- }
12
- * {
13
- margin: 0;
14
- padding: 0;
15
- border: 0 solid transparent;
16
- }
17
- html:focus-within {
18
- scroll-behavior: smooth;
19
- }
20
- audio,
21
- canvas,
22
- embed,
23
- iframe,
24
- img,
25
- object,
26
- picture,
27
- svg,
28
- video {
29
- display: block;
30
- max-width: 100%;
31
- }
32
- img,
33
- picture,
34
- svg,
35
- video {
36
- block-size: auto;
37
- }
38
- button,
39
- input,
40
- select,
41
- textarea {
42
- font: inherit;
43
- line-height: inherit;
44
- color: inherit;
45
- }
46
- a {
47
- cursor: pointer;
48
- color: inherit;
49
- text-decoration: inherit;
50
- }
51
- a:not([class]) {
52
- text-decoration-skip-ink: auto;
53
- }
54
- button,
55
- [role='button'] {
56
- cursor: pointer;
57
- background-color: transparent;
58
- }
59
- code {
60
- font: inherit;
61
- font-size: inherit;
62
- }
63
- h1,
64
- h2,
65
- h3,
66
- h4,
67
- h5,
68
- h6 {
69
- font-size: inherit;
70
- font-weight: inherit;
71
- }
72
- ul[role='list'],
73
- ol[role='list'] {
74
- list-style: none;
75
- }
76
- table {
77
- border-collapse: collapse;
78
- border-spacing: 0;
79
- }
80
- textarea {
81
- vertical-align: top;
82
- overflow: auto;
83
- }
84
- dialog {
85
- margin: auto;
86
- }
87
- @media (prefers-reduced-motion: reduce) {
88
- html:focus-within {
89
- scroll-behavior: auto;
90
- }
91
- *,
92
- *::before,
93
- *::after {
94
- animation-duration: 0.01ms !important;
95
- animation-iteration-count: 1 !important;
96
- transition-duration: 0.01ms !important;
97
- scroll-behavior: auto !important;
98
- }
99
- }
100
-
101
- /*** Borders: Radii ***/
102
- :root {
103
- --borderRadius0: 2px;
104
- --borderRadius1: 4px;
105
- --borderRadius2: 8px;
106
- --borderRadius3: 9999px;
107
- }
108
-
109
- /*** Borders: Widths ***/
110
- :root {
111
- --borderWidth0: 1px;
112
- --borderWidth1: 2px;
113
- --borderWidth2: 4px;
114
- }
115
-
116
- /*** Color: Scales ***/
117
- :root {
118
- --gray100: hsl(0, 0%, 90%);
119
- --gray200: hsl(0, 0%, 80%);
120
- --gray300: hsl(0, 0%, 70%);
121
- --gray400: hsl(0, 0%, 60%);
122
- --gray500: hsl(0, 0%, 50.2%);
123
- --gray600: hsl(0, 0%, 40%);
124
- --gray700: hsl(0, 0%, 30%);
125
- --gray800: hsl(0, 0%, 20%);
126
- --gray900: hsl(0, 0%, 10%);
127
- }
128
-
129
- /*** Color: Spot Colors ***/
130
- :root {
131
- --tint-0: hsla(0, 0%, 100%, 0.035);
132
- --tint-1: hsla(0, 0%, 100%, 0.1);
133
- --tint-2: hsla(0, 0%, 100%, 0.19);
134
- --tint-3: hsla(0, 0%, 100%, 0.28);
135
- --tint-4: hsla(0, 0%, 100%, 0.36);
136
- --tint-5: hsla(0, 0%, 100%, 0.45);
137
- --tint-6: hsla(0, 0%, 100%, 0.55);
138
- --tint-7: hsla(0, 0%, 100%, 0.64);
139
- --tint-8: hsla(0, 0%, 100%, 0.73);
140
- --tint-9: hsla(0, 0%, 100%, 0.815);
141
- --tint-10: hsla(0, 0%, 100%, 0.895);
142
- --tint-11: hsla(0, 0%, 100%, 0.94);
143
- --shade-0: hsla(0, 0%, 0%, 0.94);
144
- --shade-1: hsla(0, 0%, 0%, 0.899);
145
- --shade-2: hsla(0, 0%, 0%, 0.8);
146
- --shade-3: hsla(0, 0%, 0%, 0.69);
147
- --shade-4: hsla(0, 0%, 0%, 0.6);
148
- --shade-5: hsla(0, 0%, 0%, 0.5);
149
- --shade-6: hsla(0, 0%, 0%, 0.41);
150
- --shade-7: hsla(0, 0%, 0%, 0.32);
151
- --shade-8: hsla(0, 0%, 0%, 0.24);
152
- --shade-9: hsla(0, 0%, 0%, 0.16);
153
- --shade-10: hsla(0, 0%, 0%, 0.07);
154
- --shade-11: hsla(0, 0%, 0%, 0.035);
155
- --gray-0: #000000;
156
- --gray-1: #1a1a1a;
157
- --gray-2: #353535;
158
- --gray-3: #4e4e4e;
159
- --gray-4: #686868;
160
- --gray-5: #808080;
161
- --gray-6: #979797;
162
- --gray-7: #adadad;
163
- --gray-8: #c2c2c2;
164
- --gray-9: #d7d7d7;
165
- --gray-10: #ebebeb;
166
- --gray-11: #ffffff;
167
- --slate-gray-0: #0c0c0e;
168
- --slate-gray-1: #26262c;
169
- --slate-gray-2: #403f49;
170
- --slate-gray-3: #595865;
171
- --slate-gray-4: #71707f;
172
- --slate-gray-5: #878697;
173
- --slate-gray-6: #9d9cad;
174
- --slate-gray-7: #b1b0c0;
175
- --slate-gray-8: #c4c4d0;
176
- --slate-gray-9: #d7d6e0;
177
- --slate-gray-10: #e8e8ee;
178
- --slate-gray-11: #fafafb;
179
- --blue-0: #060c16;
180
- --blue-1: #122443;
181
- --blue-2: #1f3c6f;
182
- --blue-3: #2e5397;
183
- --blue-4: #3e6aba;
184
- --blue-5: #5180d7;
185
- --blue-6: #6696ec;
186
- --blue-7: #7faaf9;
187
- --blue-8: #99beff;
188
- --blue-9: #b6d2ff;
189
- --blue-10: #d4e4ff;
190
- --blue-11: #f2f7ff;
191
- --indigo-0: #0d0a18;
192
- --indigo-1: #271f4b;
193
- --indigo-2: #41337b;
194
- --indigo-3: #5b48a6;
195
- --indigo-4: #735dcc;
196
- --indigo-5: #8a72ea;
197
- --indigo-6: #a088ff;
198
- --indigo-7: #b39eff;
199
- --indigo-8: #c6b3ff;
200
- --indigo-9: #d7c9ff;
201
- --indigo-10: #e8e0ff;
202
- --indigo-11: #f8f6ff;
203
- --violet-0: #160a1b;
204
- --violet-1: #3b1a47;
205
- --violet-2: #5e2a72;
206
- --violet-3: #7f3c98;
207
- --violet-4: #9d4eba;
208
- --violet-5: #b662d6;
209
- --violet-6: #cb77eb;
210
- --violet-7: #db8ef8;
211
- --violet-8: #e7a6ff;
212
- --violet-9: #f0c0ff;
213
- --violet-10: #f7daff;
214
- --violet-11: #fdf4ff;
215
- --magenta-0: #130811;
216
- --magenta-1: #381831;
217
- --magenta-2: #5c2850;
218
- --magenta-3: #803870;
219
- --magenta-4: #a4488f;
220
- --magenta-5: #c858af;
221
- --magenta-6: #db6ec3;
222
- --magenta-7: #e289ce;
223
- --magenta-8: #e8a4d9;
224
- --magenta-9: #efbfe4;
225
- --magenta-10: #f6daf0;
226
- --magenta-11: #fdf5fb;
227
- --red-0: #130707;
228
- --red-1: #3b1516;
229
- --red-2: #632325;
230
- --red-3: #8b3233;
231
- --red-4: #b34042;
232
- --red-5: #db4e51;
233
- --red-6: #f06467;
234
- --red-7: #f28183;
235
- --red-8: #f59d9f;
236
- --red-9: #f8babb;
237
- --red-10: #fbd7d7;
238
- --red-11: #fef3f3;
239
- --red-orange-0: #120705;
240
- --red-orange-1: #371410;
241
- --red-orange-2: #5c221a;
242
- --red-orange-3: #813025;
243
- --red-orange-4: #a63e2f;
244
- --red-orange-5: #cc4c3a;
245
- --red-orange-6: #e06150;
246
- --red-orange-7: #e67f70;
247
- --red-orange-8: #eb9c91;
248
- --red-orange-9: #f1b9b1;
249
- --red-orange-10: #f7d6d1;
250
- --red-orange-11: #fdf3f2;
251
- --orange-0: #201307;
252
- --orange-1: #43240f;
253
- --orange-2: #693612;
254
- --orange-3: #8f4812;
255
- --orange-4: #b05710;
256
- --orange-5: #d1660c;
257
- --orange-6: #f47603;
258
- --orange-7: #ff8f32;
259
- --orange-8: #ffa960;
260
- --orange-9: #ffc28c;
261
- --orange-10: #ffdab8;
262
- --orange-11: #fff2e7;
263
- --yellow-0: #000000;
264
- --yellow-1: #413b15;
265
- --yellow-2: #655c19;
266
- --yellow-3: #857a1a;
267
- --yellow-4: #a1941a;
268
- --yellow-5: #c0b017;
269
- --yellow-6: #eedb0b;
270
- --yellow-7: #feee45;
271
- --yellow-8: #fdf377;
272
- --yellow-9: #fdf8a2;
273
- --yellow-10: #fdfcca;
274
- --yellow-11: #fffff1;
275
- --green-0: #011409;
276
- --green-1: #0a311e;
277
- --green-2: #134d33;
278
- --green-3: #1b6846;
279
- --green-4: #238158;
280
- --green-5: #2b9968;
281
- --green-6: #34b379;
282
- --green-7: #45dc8f;
283
- --green-8: #58f19c;
284
- --green-9: #9ef4c4;
285
- --green-10: #c5f9dd;
286
- --green-11: #effff9;
287
- --teal-0: #080e0c;
288
- --teal-1: #152621;
289
- --teal-2: #1d3f35;
290
- --teal-3: #25594a;
291
- --teal-4: #2b7560;
292
- --teal-5: #309178;
293
- --teal-6: #48a98e;
294
- --teal-7: #6eb9a1;
295
- --teal-8: #90c9b6;
296
- --teal-9: #b0d8ca;
297
- --teal-10: #d0e8df;
298
- --teal-11: #f0f8f5;
299
- --cyan-0: #000000;
300
- --cyan-1: #132223;
301
- --cyan-2: #1b3f41;
302
- --cyan-3: #205e62;
303
- --cyan-4: #237f84;
304
- --cyan-5: #21a2a8;
305
- --cyan-6: #45bbc1;
306
- --cyan-7: #74c9cd;
307
- --cyan-8: #9ad6d9;
308
- --cyan-9: #bde4e6;
309
- --cyan-10: #def2f2;
310
- --cyan-11: #ffffff;
311
- }
312
-
313
- /*** Fonts ***/
314
- :root {
315
- --font-sans: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
316
- }
317
-
318
- /*** Space Scale ***/
319
- :root {
320
- --space-5: clamp(0.4rem, 0.4rem + 0vw, 0.4rem);
321
- --space-4: clamp(0.48rem, 0.48rem + 0vw, 0.48rem);
322
- --space-3: clamp(0.58rem, 0.58rem + 0vw, 0.58rem);
323
- --space-2: clamp(0.69rem, 0.69rem + 0vw, 0.69rem);
324
- --space-1: clamp(0.83rem, 0.83rem + 0vw, 0.83rem);
325
- --space0: clamp(1rem, 1rem + 0vw, 1rem);
326
- --space1: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
327
- --space2: clamp(1.44rem, 1.44rem + 0vw, 1.44rem);
328
- --space3: clamp(1.73rem, 1.73rem + 0vw, 1.73rem);
329
- --space4: clamp(2.07rem, 2.07rem + 0vw, 2.07rem);
330
- --space5: clamp(2.49rem, 2.49rem + 0vw, 2.49rem);
331
- }
332
-
333
- /*** Type Scale ***/
334
- :root {
335
- --text-2: clamp(0.69rem, 0.69rem + 0vw, 0.69rem);
336
- --text-1: clamp(0.83rem, 0.83rem + 0vw, 0.83rem);
337
- --text0: clamp(1rem, 1rem + 0vw, 1rem);
338
- --text1: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
339
- --text2: clamp(1.44rem, 1.44rem + 0vw, 1.44rem);
340
- --text3: clamp(1.73rem, 1.73rem + 0vw, 1.73rem);
341
- --text4: clamp(2.07rem, 2.07rem + 0vw, 2.07rem);
342
- --text5: clamp(2.49rem, 2.49rem + 0vw, 2.49rem);
343
- }
344
-
345
- /*** Borders ***/
346
- .border-solid {
347
- border-style: solid;
348
- }
349
- .border-dashed {
350
- border-style: dashed;
351
- }
352
- .border-dotted {
353
- border-style: dotted;
354
- }
355
- .border-double {
356
- border-style: double;
357
- }
358
- .border-none {
359
- border-style: none;
360
- }
361
- .border-b-solid {
362
- border-block-style: solid;
363
- }
364
- .border-b-dashed {
365
- border-block-style: dashed;
366
- }
367
- .border-b-dotted {
368
- border-block-style: dotted;
369
- }
370
- .border-b-double {
371
- border-block-style: double;
372
- }
373
- .border-b-none {
374
- border-block-style: none;
375
- }
376
- .border-bs-solid {
377
- border-block-start-style: solid;
378
- }
379
- .border-bs-dashed {
380
- border-block-start-style: dashed;
381
- }
382
- .border-bs-dotted {
383
- border-block-start-style: dotted;
384
- }
385
- .border-bs-double {
386
- border-block-start-style: double;
387
- }
388
- .border-bs-none {
389
- border-block-start-style: none;
390
- }
391
- .border-be-solid {
392
- border-block-end-style: solid;
393
- }
394
- .border-be-dashed {
395
- border-block-end-style: dashed;
396
- }
397
- .border-be-dotted {
398
- border-block-end-style: dotted;
399
- }
400
- .border-be-double {
401
- border-block-end-style: double;
402
- }
403
- .border-be-none {
404
- border-block-end-style: none;
405
- }
406
- .border-i-solid {
407
- border-inline-style: solid;
408
- }
409
- .border-i-dashed {
410
- border-inline-style: dashed;
411
- }
412
- .border-i-dotted {
413
- border-inline-style: dotted;
414
- }
415
- .border-i-double {
416
- border-inline-style: double;
417
- }
418
- .border-i-none {
419
- border-inline-style: none;
420
- }
421
- .border-is-solid {
422
- border-inline-start-style: solid;
423
- }
424
- .border-is-dashed {
425
- border-inline-start-style: dashed;
426
- }
427
- .border-is-dotted {
428
- border-inline-start-style: dotted;
429
- }
430
- .border-is-double {
431
- border-inline-start-style: double;
432
- }
433
- .border-is-none {
434
- border-inline-start-style: none;
435
- }
436
- .border-ie-solid {
437
- border-inline-end-style: solid;
438
- }
439
- .border-ie-dashed {
440
- border-inline-end-style: dashed;
441
- }
442
- .border-ie-dotted {
443
- border-inline-end-style: dotted;
444
- }
445
- .border-ie-double {
446
- border-inline-end-style: double;
447
- }
448
- .border-ie-none {
449
- border-inline-end-style: none;
450
- }
451
- .border0 {
452
- border-width: var(--borderWidth0);
453
- }
454
- .border-b0 {
455
- border-block-width: var(--borderWidth0);
456
- }
457
- .border-bs0 {
458
- border-block-start-width: var(--borderWidth0);
459
- }
460
- .border-be0 {
461
- border-block-end-width: var(--borderWidth0);
462
- }
463
- .border-i0 {
464
- border-inline-width: var(--borderWidth0);
465
- }
466
- .border-is0 {
467
- border-inline-start-width: var(--borderWidth0);
468
- }
469
- .border-ie0 {
470
- border-inline-end-width: var(--borderWidth0);
471
- }
472
- .border1 {
473
- border-width: var(--borderWidth1);
474
- }
475
- .border-b1 {
476
- border-block-width: var(--borderWidth1);
477
- }
478
- .border-bs1 {
479
- border-block-start-width: var(--borderWidth1);
480
- }
481
- .border-be1 {
482
- border-block-end-width: var(--borderWidth1);
483
- }
484
- .border-i1 {
485
- border-inline-width: var(--borderWidth1);
486
- }
487
- .border-is1 {
488
- border-inline-start-width: var(--borderWidth1);
489
- }
490
- .border-ie1 {
491
- border-inline-end-width: var(--borderWidth1);
492
- }
493
- .border2 {
494
- border-width: var(--borderWidth2);
495
- }
496
- .border-b2 {
497
- border-block-width: var(--borderWidth2);
498
- }
499
- .border-bs2 {
500
- border-block-start-width: var(--borderWidth2);
501
- }
502
- .border-be2 {
503
- border-block-end-width: var(--borderWidth2);
504
- }
505
- .border-i2 {
506
- border-inline-width: var(--borderWidth2);
507
- }
508
- .border-is2 {
509
- border-inline-start-width: var(--borderWidth2);
510
- }
511
- .border-ie2 {
512
- border-inline-end-width: var(--borderWidth2);
513
- }
514
- .radius-100 {
515
- border-radius: 100%;
516
- }
517
- .radius-pill {
518
- border-radius: 9999px;
519
- }
520
- .radius-none {
521
- border-radius: 0;
522
- }
523
- .radius0 {
524
- border-radius: var(--borderRadius0);
525
- }
526
- .radius1 {
527
- border-radius: var(--borderRadius1);
528
- }
529
- .radius2 {
530
- border-radius: var(--borderRadius2);
531
- }
532
- .radius3 {
533
- border-radius: var(--borderRadius3);
534
- }
535
-
536
- /*** Font Family ***/
537
- .font-sans {
538
- font-family: var(--font-sans);
539
- }
540
-
541
- /*** Font Size ***/
542
- .text-2 {
543
- font-size: var(--text-2);
544
- }
545
- .text-1 {
546
- font-size: var(--text-1);
547
- }
548
- .text0 {
549
- font-size: var(--text0);
550
- }
551
- .text1 {
552
- font-size: var(--text1);
553
- }
554
- .text2 {
555
- font-size: var(--text2);
556
- }
557
- .text3 {
558
- font-size: var(--text3);
559
- }
560
- .text4 {
561
- font-size: var(--text4);
562
- }
563
- .text5 {
564
- font-size: var(--text5);
565
- }
566
-
567
- /*** Gap ***/
568
- .gap-5 {
569
- gap: var(--space-5);
570
- }
571
- .gap-4 {
572
- gap: var(--space-4);
573
- }
574
- .gap-3 {
575
- gap: var(--space-3);
576
- }
577
- .gap-2 {
578
- gap: var(--space-2);
579
- }
580
- .gap-1 {
581
- gap: var(--space-1);
582
- }
583
- .gap0 {
584
- gap: var(--space0);
585
- }
586
- .gap1 {
587
- gap: var(--space1);
588
- }
589
- .gap2 {
590
- gap: var(--space2);
591
- }
592
- .gap3 {
593
- gap: var(--space3);
594
- }
595
- .gap4 {
596
- gap: var(--space4);
597
- }
598
- .gap5 {
599
- gap: var(--space5);
600
- }
601
-
602
- /*** Grid ***/
603
- .flow-row {
604
- grid-auto-flow: row;
605
- }
606
- .flow-col {
607
- grid-auto-flow: column;
608
- }
609
- .flow-row-dense {
610
- grid-auto-flow: row dense;
611
- }
612
- .flow-column-dense {
613
- grid-auto-flow: column dense;
614
- }
615
- .row-auto {
616
- grid-row: auto;
617
- }
618
- .col-auto {
619
- grid-column: auto;
620
- }
621
- .col-end-auto {
622
- grid-column-end: auto;
623
- }
624
- .rows-end-auto {
625
- grid-row-end: auto;
626
- }
627
- .rows-none {
628
- grid-template-rows: none;
629
- }
630
- .col-1 {
631
- grid-template-columns: repeat(1, minmax(0, 1fr));
632
- }
633
- .col-span-1 {
634
- grid-column: span 1 / span 1;
635
- }
636
- .col-start-1 {
637
- grid-column-start: 1;
638
- }
639
- .row-start-1 {
640
- grid-row-start: 1;
641
- }
642
- .col-end-1 {
643
- grid-column-end: 1;
644
- }
645
- .row-end-1 {
646
- grid-row-end: 1;
647
- }
648
- .row-1 {
649
- grid-template-rows: repeat(1, minmax(0, 1fr));
650
- }
651
- .col-2 {
652
- grid-template-columns: repeat(2, minmax(0, 1fr));
653
- }
654
- .col-span-2 {
655
- grid-column: span 2 / span 2;
656
- }
657
- .col-start-2 {
658
- grid-column-start: 2;
659
- }
660
- .row-start-2 {
661
- grid-row-start: 2;
662
- }
663
- .col-end-2 {
664
- grid-column-end: 2;
665
- }
666
- .row-end-2 {
667
- grid-row-end: 2;
668
- }
669
- .row-2 {
670
- grid-template-rows: repeat(2, minmax(0, 1fr));
671
- }
672
- .col-3 {
673
- grid-template-columns: repeat(3, minmax(0, 1fr));
674
- }
675
- .col-span-3 {
676
- grid-column: span 3 / span 3;
677
- }
678
- .col-start-3 {
679
- grid-column-start: 3;
680
- }
681
- .row-start-3 {
682
- grid-row-start: 3;
683
- }
684
- .col-end-3 {
685
- grid-column-end: 3;
686
- }
687
- .row-end-3 {
688
- grid-row-end: 3;
689
- }
690
- .row-3 {
691
- grid-template-rows: repeat(3, minmax(0, 1fr));
692
- }
693
- .col-4 {
694
- grid-template-columns: repeat(4, minmax(0, 1fr));
695
- }
696
- .col-span-4 {
697
- grid-column: span 4 / span 4;
698
- }
699
- .col-start-4 {
700
- grid-column-start: 4;
701
- }
702
- .row-start-4 {
703
- grid-row-start: 4;
704
- }
705
- .col-end-4 {
706
- grid-column-end: 4;
707
- }
708
- .row-end-4 {
709
- grid-row-end: 4;
710
- }
711
- .row-4 {
712
- grid-template-rows: repeat(4, minmax(0, 1fr));
713
- }
714
- .col-5 {
715
- grid-template-columns: repeat(5, minmax(0, 1fr));
716
- }
717
- .col-span-5 {
718
- grid-column: span 5 / span 5;
719
- }
720
- .col-start-5 {
721
- grid-column-start: 5;
722
- }
723
- .row-start-5 {
724
- grid-row-start: 5;
725
- }
726
- .col-end-5 {
727
- grid-column-end: 5;
728
- }
729
- .row-end-5 {
730
- grid-row-end: 5;
731
- }
732
- .row-5 {
733
- grid-template-rows: repeat(5, minmax(0, 1fr));
734
- }
735
- .col-6 {
736
- grid-template-columns: repeat(6, minmax(0, 1fr));
737
- }
738
- .col-span-6 {
739
- grid-column: span 6 / span 6;
740
- }
741
- .col-start-6 {
742
- grid-column-start: 6;
743
- }
744
- .row-start-6 {
745
- grid-row-start: 6;
746
- }
747
- .col-end-6 {
748
- grid-column-end: 6;
749
- }
750
- .row-end-6 {
751
- grid-row-end: 6;
752
- }
753
- .row-6 {
754
- grid-template-rows: repeat(6, minmax(0, 1fr));
755
- }
756
- .col-7 {
757
- grid-template-columns: repeat(7, minmax(0, 1fr));
758
- }
759
- .col-span-7 {
760
- grid-column: span 7 / span 7;
761
- }
762
- .col-start-7 {
763
- grid-column-start: 7;
764
- }
765
- .row-start-7 {
766
- grid-row-start: 7;
767
- }
768
- .col-end-7 {
769
- grid-column-end: 7;
770
- }
771
- .row-end-7 {
772
- grid-row-end: 7;
773
- }
774
- .row-7 {
775
- grid-template-rows: repeat(7, minmax(0, 1fr));
776
- }
777
- .col-8 {
778
- grid-template-columns: repeat(8, minmax(0, 1fr));
779
- }
780
- .col-span-8 {
781
- grid-column: span 8 / span 8;
782
- }
783
- .col-start-8 {
784
- grid-column-start: 8;
785
- }
786
- .row-start-8 {
787
- grid-row-start: 8;
788
- }
789
- .col-end-8 {
790
- grid-column-end: 8;
791
- }
792
- .row-end-8 {
793
- grid-row-end: 8;
794
- }
795
- .row-8 {
796
- grid-template-rows: repeat(8, minmax(0, 1fr));
797
- }
798
- .col-9 {
799
- grid-template-columns: repeat(9, minmax(0, 1fr));
800
- }
801
- .col-span-9 {
802
- grid-column: span 9 / span 9;
803
- }
804
- .col-start-9 {
805
- grid-column-start: 9;
806
- }
807
- .row-start-9 {
808
- grid-row-start: 9;
809
- }
810
- .col-end-9 {
811
- grid-column-end: 9;
812
- }
813
- .row-end-9 {
814
- grid-row-end: 9;
815
- }
816
- .row-9 {
817
- grid-template-rows: repeat(9, minmax(0, 1fr));
818
- }
819
- .col-10 {
820
- grid-template-columns: repeat(10, minmax(0, 1fr));
821
- }
822
- .col-span-10 {
823
- grid-column: span 10 / span 10;
824
- }
825
- .col-start-10 {
826
- grid-column-start: 10;
827
- }
828
- .row-start-10 {
829
- grid-row-start: 10;
830
- }
831
- .col-end-10 {
832
- grid-column-end: 10;
833
- }
834
- .row-end-10 {
835
- grid-row-end: 10;
836
- }
837
- .row-10 {
838
- grid-template-rows: repeat(10, minmax(0, 1fr));
839
- }
840
- .col-11 {
841
- grid-template-columns: repeat(11, minmax(0, 1fr));
842
- }
843
- .col-span-11 {
844
- grid-column: span 11 / span 11;
845
- }
846
- .col-start-11 {
847
- grid-column-start: 11;
848
- }
849
- .row-start-11 {
850
- grid-row-start: 11;
851
- }
852
- .col-end-11 {
853
- grid-column-end: 11;
854
- }
855
- .row-end-11 {
856
- grid-row-end: 11;
857
- }
858
- .row-11 {
859
- grid-template-rows: repeat(11, minmax(0, 1fr));
860
- }
861
- .col-12 {
862
- grid-template-columns: repeat(12, minmax(0, 1fr));
863
- }
864
- .col-span-12 {
865
- grid-column: span 12 / span 12;
866
- }
867
- .col-start-12 {
868
- grid-column-start: 12;
869
- }
870
- .row-start-12 {
871
- grid-row-start: 12;
872
- }
873
- .col-end-12 {
874
- grid-column-end: 12;
875
- }
876
- .row-end-12 {
877
- grid-row-end: 12;
878
- }
879
- .row-12 {
880
- grid-template-rows: repeat(12, minmax(0, 1fr));
881
- }
882
-
883
- /*** Margin ***/
884
- .m-none {
885
- margin: 0;
886
- }
887
- .mb-none {
888
- margin-block: 0;
889
- }
890
- .mbs-none {
891
- margin-block-start: 0;
892
- }
893
- .mbe-none {
894
- margin-block-end: 0;
895
- }
896
- .mi-none {
897
- margin-inline: 0;
898
- }
899
- .mis-none {
900
- margin-inline-start: 0;
901
- }
902
- .mie-none {
903
- margin-inline-end: 0;
904
- }
905
- .m-auto {
906
- margin: auto;
907
- }
908
- .mb-auto {
909
- margin-block: auto;
910
- }
911
- .mbs-auto {
912
- margin-block-start: auto;
913
- }
914
- .mbe-auto {
915
- margin-block-end: auto;
916
- }
917
- .mi-auto {
918
- margin-inline: auto;
919
- }
920
- .mis-auto {
921
- margin-inline-start: auto;
922
- }
923
- .mie-auto {
924
- margin-inline-end: auto;
925
- }
926
- .m-5 {
927
- margin: var(--space-5);
928
- }
929
- .mb-5 {
930
- margin-block: var(--space-5);
931
- }
932
- .mbs-5 {
933
- margin-block-start: var(--space-5);
934
- }
935
- .mbe-5 {
936
- margin-block-end: var(--space-5);
937
- }
938
- .mi-5 {
939
- margin-inline: var(--space-5);
940
- }
941
- .mis-5 {
942
- margin-inline-start: var(--space-5);
943
- }
944
- .mie-5 {
945
- margin-inline-end: var(--space-5);
946
- }
947
- .m-4 {
948
- margin: var(--space-4);
949
- }
950
- .mb-4 {
951
- margin-block: var(--space-4);
952
- }
953
- .mbs-4 {
954
- margin-block-start: var(--space-4);
955
- }
956
- .mbe-4 {
957
- margin-block-end: var(--space-4);
958
- }
959
- .mi-4 {
960
- margin-inline: var(--space-4);
961
- }
962
- .mis-4 {
963
- margin-inline-start: var(--space-4);
964
- }
965
- .mie-4 {
966
- margin-inline-end: var(--space-4);
967
- }
968
- .m-3 {
969
- margin: var(--space-3);
970
- }
971
- .mb-3 {
972
- margin-block: var(--space-3);
973
- }
974
- .mbs-3 {
975
- margin-block-start: var(--space-3);
976
- }
977
- .mbe-3 {
978
- margin-block-end: var(--space-3);
979
- }
980
- .mi-3 {
981
- margin-inline: var(--space-3);
982
- }
983
- .mis-3 {
984
- margin-inline-start: var(--space-3);
985
- }
986
- .mie-3 {
987
- margin-inline-end: var(--space-3);
988
- }
989
- .m-2 {
990
- margin: var(--space-2);
991
- }
992
- .mb-2 {
993
- margin-block: var(--space-2);
994
- }
995
- .mbs-2 {
996
- margin-block-start: var(--space-2);
997
- }
998
- .mbe-2 {
999
- margin-block-end: var(--space-2);
1000
- }
1001
- .mi-2 {
1002
- margin-inline: var(--space-2);
1003
- }
1004
- .mis-2 {
1005
- margin-inline-start: var(--space-2);
1006
- }
1007
- .mie-2 {
1008
- margin-inline-end: var(--space-2);
1009
- }
1010
- .m-1 {
1011
- margin: var(--space-1);
1012
- }
1013
- .mb-1 {
1014
- margin-block: var(--space-1);
1015
- }
1016
- .mbs-1 {
1017
- margin-block-start: var(--space-1);
1018
- }
1019
- .mbe-1 {
1020
- margin-block-end: var(--space-1);
1021
- }
1022
- .mi-1 {
1023
- margin-inline: var(--space-1);
1024
- }
1025
- .mis-1 {
1026
- margin-inline-start: var(--space-1);
1027
- }
1028
- .mie-1 {
1029
- margin-inline-end: var(--space-1);
1030
- }
1031
- .m0 {
1032
- margin: var(--space0);
1033
- }
1034
- .mb0 {
1035
- margin-block: var(--space0);
1036
- }
1037
- .mbs0 {
1038
- margin-block-start: var(--space0);
1039
- }
1040
- .mbe0 {
1041
- margin-block-end: var(--space0);
1042
- }
1043
- .mi0 {
1044
- margin-inline: var(--space0);
1045
- }
1046
- .mis0 {
1047
- margin-inline-start: var(--space0);
1048
- }
1049
- .mie0 {
1050
- margin-inline-end: var(--space0);
1051
- }
1052
- .m1 {
1053
- margin: var(--space1);
1054
- }
1055
- .mb1 {
1056
- margin-block: var(--space1);
1057
- }
1058
- .mbs1 {
1059
- margin-block-start: var(--space1);
1060
- }
1061
- .mbe1 {
1062
- margin-block-end: var(--space1);
1063
- }
1064
- .mi1 {
1065
- margin-inline: var(--space1);
1066
- }
1067
- .mis1 {
1068
- margin-inline-start: var(--space1);
1069
- }
1070
- .mie1 {
1071
- margin-inline-end: var(--space1);
1072
- }
1073
- .m2 {
1074
- margin: var(--space2);
1075
- }
1076
- .mb2 {
1077
- margin-block: var(--space2);
1078
- }
1079
- .mbs2 {
1080
- margin-block-start: var(--space2);
1081
- }
1082
- .mbe2 {
1083
- margin-block-end: var(--space2);
1084
- }
1085
- .mi2 {
1086
- margin-inline: var(--space2);
1087
- }
1088
- .mis2 {
1089
- margin-inline-start: var(--space2);
1090
- }
1091
- .mie2 {
1092
- margin-inline-end: var(--space2);
1093
- }
1094
- .m3 {
1095
- margin: var(--space3);
1096
- }
1097
- .mb3 {
1098
- margin-block: var(--space3);
1099
- }
1100
- .mbs3 {
1101
- margin-block-start: var(--space3);
1102
- }
1103
- .mbe3 {
1104
- margin-block-end: var(--space3);
1105
- }
1106
- .mi3 {
1107
- margin-inline: var(--space3);
1108
- }
1109
- .mis3 {
1110
- margin-inline-start: var(--space3);
1111
- }
1112
- .mie3 {
1113
- margin-inline-end: var(--space3);
1114
- }
1115
- .m4 {
1116
- margin: var(--space4);
1117
- }
1118
- .mb4 {
1119
- margin-block: var(--space4);
1120
- }
1121
- .mbs4 {
1122
- margin-block-start: var(--space4);
1123
- }
1124
- .mbe4 {
1125
- margin-block-end: var(--space4);
1126
- }
1127
- .mi4 {
1128
- margin-inline: var(--space4);
1129
- }
1130
- .mis4 {
1131
- margin-inline-start: var(--space4);
1132
- }
1133
- .mie4 {
1134
- margin-inline-end: var(--space4);
1135
- }
1136
- .m5 {
1137
- margin: var(--space5);
1138
- }
1139
- .mb5 {
1140
- margin-block: var(--space5);
1141
- }
1142
- .mbs5 {
1143
- margin-block-start: var(--space5);
1144
- }
1145
- .mbe5 {
1146
- margin-block-end: var(--space5);
1147
- }
1148
- .mi5 {
1149
- margin-inline: var(--space5);
1150
- }
1151
- .mis5 {
1152
- margin-inline-start: var(--space5);
1153
- }
1154
- .mie5 {
1155
- margin-inline-end: var(--space5);
1156
- }
1157
-
1158
- /*** Padding ***/
1159
- .p-none {
1160
- padding: 0;
1161
- }
1162
- .pb-none {
1163
- padding-block: 0;
1164
- }
1165
- .pbs-none {
1166
- padding-block-start: 0;
1167
- }
1168
- .pbe-none {
1169
- padding-block-end: 0;
1170
- }
1171
- .pi-none {
1172
- padding-inline: 0;
1173
- }
1174
- .pis-none {
1175
- padding-inline-start: 0;
1176
- }
1177
- .pie-none {
1178
- padding-inline-end: 0;
1179
- }
1180
- .p-5 {
1181
- padding: var(--space-5);
1182
- }
1183
- .pb-5 {
1184
- padding-block: var(--space-5);
1185
- }
1186
- .pbs-5 {
1187
- padding-block-start: var(--space-5);
1188
- }
1189
- .pbe-5 {
1190
- padding-block-end: var(--space-5);
1191
- }
1192
- .pi-5 {
1193
- padding-inline: var(--space-5);
1194
- }
1195
- .pis-5 {
1196
- padding-inline-start: var(--space-5);
1197
- }
1198
- .pie-5 {
1199
- padding-inline-end: var(--space-5);
1200
- }
1201
- .p-4 {
1202
- padding: var(--space-4);
1203
- }
1204
- .pb-4 {
1205
- padding-block: var(--space-4);
1206
- }
1207
- .pbs-4 {
1208
- padding-block-start: var(--space-4);
1209
- }
1210
- .pbe-4 {
1211
- padding-block-end: var(--space-4);
1212
- }
1213
- .pi-4 {
1214
- padding-inline: var(--space-4);
1215
- }
1216
- .pis-4 {
1217
- padding-inline-start: var(--space-4);
1218
- }
1219
- .pie-4 {
1220
- padding-inline-end: var(--space-4);
1221
- }
1222
- .p-3 {
1223
- padding: var(--space-3);
1224
- }
1225
- .pb-3 {
1226
- padding-block: var(--space-3);
1227
- }
1228
- .pbs-3 {
1229
- padding-block-start: var(--space-3);
1230
- }
1231
- .pbe-3 {
1232
- padding-block-end: var(--space-3);
1233
- }
1234
- .pi-3 {
1235
- padding-inline: var(--space-3);
1236
- }
1237
- .pis-3 {
1238
- padding-inline-start: var(--space-3);
1239
- }
1240
- .pie-3 {
1241
- padding-inline-end: var(--space-3);
1242
- }
1243
- .p-2 {
1244
- padding: var(--space-2);
1245
- }
1246
- .pb-2 {
1247
- padding-block: var(--space-2);
1248
- }
1249
- .pbs-2 {
1250
- padding-block-start: var(--space-2);
1251
- }
1252
- .pbe-2 {
1253
- padding-block-end: var(--space-2);
1254
- }
1255
- .pi-2 {
1256
- padding-inline: var(--space-2);
1257
- }
1258
- .pis-2 {
1259
- padding-inline-start: var(--space-2);
1260
- }
1261
- .pie-2 {
1262
- padding-inline-end: var(--space-2);
1263
- }
1264
- .p-1 {
1265
- padding: var(--space-1);
1266
- }
1267
- .pb-1 {
1268
- padding-block: var(--space-1);
1269
- }
1270
- .pbs-1 {
1271
- padding-block-start: var(--space-1);
1272
- }
1273
- .pbe-1 {
1274
- padding-block-end: var(--space-1);
1275
- }
1276
- .pi-1 {
1277
- padding-inline: var(--space-1);
1278
- }
1279
- .pis-1 {
1280
- padding-inline-start: var(--space-1);
1281
- }
1282
- .pie-1 {
1283
- padding-inline-end: var(--space-1);
1284
- }
1285
- .p0 {
1286
- padding: var(--space0);
1287
- }
1288
- .pb0 {
1289
- padding-block: var(--space0);
1290
- }
1291
- .pbs0 {
1292
- padding-block-start: var(--space0);
1293
- }
1294
- .pbe0 {
1295
- padding-block-end: var(--space0);
1296
- }
1297
- .pi0 {
1298
- padding-inline: var(--space0);
1299
- }
1300
- .pis0 {
1301
- padding-inline-start: var(--space0);
1302
- }
1303
- .pie0 {
1304
- padding-inline-end: var(--space0);
1305
- }
1306
- .p1 {
1307
- padding: var(--space1);
1308
- }
1309
- .pb1 {
1310
- padding-block: var(--space1);
1311
- }
1312
- .pbs1 {
1313
- padding-block-start: var(--space1);
1314
- }
1315
- .pbe1 {
1316
- padding-block-end: var(--space1);
1317
- }
1318
- .pi1 {
1319
- padding-inline: var(--space1);
1320
- }
1321
- .pis1 {
1322
- padding-inline-start: var(--space1);
1323
- }
1324
- .pie1 {
1325
- padding-inline-end: var(--space1);
1326
- }
1327
- .p2 {
1328
- padding: var(--space2);
1329
- }
1330
- .pb2 {
1331
- padding-block: var(--space2);
1332
- }
1333
- .pbs2 {
1334
- padding-block-start: var(--space2);
1335
- }
1336
- .pbe2 {
1337
- padding-block-end: var(--space2);
1338
- }
1339
- .pi2 {
1340
- padding-inline: var(--space2);
1341
- }
1342
- .pis2 {
1343
- padding-inline-start: var(--space2);
1344
- }
1345
- .pie2 {
1346
- padding-inline-end: var(--space2);
1347
- }
1348
- .p3 {
1349
- padding: var(--space3);
1350
- }
1351
- .pb3 {
1352
- padding-block: var(--space3);
1353
- }
1354
- .pbs3 {
1355
- padding-block-start: var(--space3);
1356
- }
1357
- .pbe3 {
1358
- padding-block-end: var(--space3);
1359
- }
1360
- .pi3 {
1361
- padding-inline: var(--space3);
1362
- }
1363
- .pis3 {
1364
- padding-inline-start: var(--space3);
1365
- }
1366
- .pie3 {
1367
- padding-inline-end: var(--space3);
1368
- }
1369
- .p4 {
1370
- padding: var(--space4);
1371
- }
1372
- .pb4 {
1373
- padding-block: var(--space4);
1374
- }
1375
- .pbs4 {
1376
- padding-block-start: var(--space4);
1377
- }
1378
- .pbe4 {
1379
- padding-block-end: var(--space4);
1380
- }
1381
- .pi4 {
1382
- padding-inline: var(--space4);
1383
- }
1384
- .pis4 {
1385
- padding-inline-start: var(--space4);
1386
- }
1387
- .pie4 {
1388
- padding-inline-end: var(--space4);
1389
- }
1390
- .p5 {
1391
- padding: var(--space5);
1392
- }
1393
- .pb5 {
1394
- padding-block: var(--space5);
1395
- }
1396
- .pbs5 {
1397
- padding-block-start: var(--space5);
1398
- }
1399
- .pbe5 {
1400
- padding-block-end: var(--space5);
1401
- }
1402
- .pi5 {
1403
- padding-inline: var(--space5);
1404
- }
1405
- .pis5 {
1406
- padding-inline-start: var(--space5);
1407
- }
1408
- .pie5 {
1409
- padding-inline-end: var(--space5);
1410
- }
1411
-
1412
- /*** Background ***/
1413
- .bg-fixed {
1414
- background-attachment: fixed;
1415
- }
1416
- .bg-local {
1417
- background-attachment: local;
1418
- }
1419
- .bg-scroll {
1420
- background-attachment: scroll;
1421
- }
1422
- .bg-bottom {
1423
- background-position: bottom;
1424
- }
1425
- .bg-center {
1426
- background-position: center;
1427
- }
1428
- .bg-left {
1429
- background-position: left;
1430
- }
1431
- .bg-left-bottom {
1432
- background-position: left bottom;
1433
- }
1434
- .bg-left-top {
1435
- background-position: left top;
1436
- }
1437
- .bg-right {
1438
- background-position: right;
1439
- }
1440
- .bg-right-bottom {
1441
- background-position: right bottom;
1442
- }
1443
- .bg-right-top {
1444
- background-position: right top;
1445
- }
1446
- .bg-top {
1447
- background-position: top;
1448
- }
1449
- .bg-repeat {
1450
- background-repeat: repeat;
1451
- }
1452
- .bg-no-repeat {
1453
- background-repeat: no-repeat;
1454
- }
1455
- .bg-repeat-x {
1456
- background-repeat: repeat-x;
1457
- }
1458
- .bg-repeat-y {
1459
- background-repeat: repeat-y;
1460
- }
1461
- .bg-repeat-round {
1462
- background-repeat: round;
1463
- }
1464
- .bg-repeat-space {
1465
- background-repeat: space;
1466
- }
1467
- .bg-auto {
1468
- background-size: auto;
1469
- }
1470
- .bg-cover {
1471
- background-size: cover;
1472
- }
1473
- .bg-contain {
1474
- background-size: contain;
1475
- }
1476
- .bg-unset {
1477
- background-color: unset;
1478
- }
1479
- .bg-clip-border {
1480
- background-clip: border-box;
1481
- }
1482
- .bg-clip-content {
1483
- background-clip: content-box;
1484
- }
1485
- .bg-clip-padding {
1486
- background-clip: padding-box;
1487
- }
1488
- .bg-clip-text {
1489
- background-clip: text;
1490
- -webkit-background-clip: text;
1491
- color: transparent;
1492
- }
1493
-
1494
- /*** Box alignment ***/
1495
- .align-items-stretch {
1496
- align-items: stretch;
1497
- }
1498
- .align-items-center {
1499
- align-items: center;
1500
- }
1501
- .align-items-start {
1502
- align-items: start;
1503
- }
1504
- .align-items-end {
1505
- align-items: end;
1506
- }
1507
- .align-items-self-start {
1508
- align-items: self-start;
1509
- }
1510
- .align-items-self-end {
1511
- align-items: self-end;
1512
- }
1513
- .align-items-flex-start {
1514
- align-items: flex-start;
1515
- }
1516
- .align-items-flex-end {
1517
- align-items: flex-end;
1518
- }
1519
- .align-items-baseline {
1520
- align-items: baseline;
1521
- }
1522
-
1523
- .align-content-stretch {
1524
- align-content: stretch;
1525
- }
1526
- .align-content-center {
1527
- align-content: center;
1528
- }
1529
- .align-content-start {
1530
- align-content: start;
1531
- }
1532
- .align-content-end {
1533
- align-content: end;
1534
- }
1535
- .align-content-flex-start {
1536
- align-content: flex-start;
1537
- }
1538
- .align-content-flex-end {
1539
- align-content: flex-end;
1540
- }
1541
- .align-content-baseline {
1542
- align-content: baseline;
1543
- }
1544
- .align-content-between {
1545
- align-content: space-between;
1546
- }
1547
- .align-content-around {
1548
- align-content: space-around;
1549
- }
1550
- .align-content-evenly {
1551
- align-content: space-evenly;
1552
- }
1553
-
1554
- .align-self-stretch {
1555
- align-self: stretch;
1556
- }
1557
- .align-self-auto {
1558
- align-self: auto;
1559
- }
1560
- .align-self-center {
1561
- align-self: center;
1562
- }
1563
- .align-self-start {
1564
- align-self: start;
1565
- }
1566
- .align-self-end {
1567
- align-self: end;
1568
- }
1569
- .align-self-self-start {
1570
- align-self: self-start;
1571
- }
1572
- .align-self-self-end {
1573
- align-self: self-end;
1574
- }
1575
- .align-self-flex-start {
1576
- align-self: flex-start;
1577
- }
1578
- .align-self-flex-end {
1579
- align-self: flex-end;
1580
- }
1581
- .align-self-baseline {
1582
- align-self: baseline;
1583
- }
1584
-
1585
- .justify-content-stretch {
1586
- justify-content: stretch;
1587
- }
1588
- .justify-content-center {
1589
- justify-content: center;
1590
- }
1591
- .justify-content-start {
1592
- justify-content: start;
1593
- }
1594
- .justify-content-end {
1595
- justify-content: end;
1596
- }
1597
- .justify-content-flex-start {
1598
- justify-content: flex-start;
1599
- }
1600
- .justify-content-flex-end {
1601
- justify-content: flex-end;
1602
- }
1603
- .justify-content-between {
1604
- justify-content: space-between;
1605
- }
1606
- .justify-content-around {
1607
- justify-content: space-around;
1608
- }
1609
- .justify-content-evenly {
1610
- justify-content: space-evenly;
1611
- }
1612
-
1613
- .justify-items-stretch {
1614
- justify-items: stretch;
1615
- }
1616
- .justify-items-center {
1617
- justify-items: center;
1618
- }
1619
- .justify-items-start {
1620
- justify-items: start;
1621
- }
1622
- .justify-items-end {
1623
- justify-items: end;
1624
- }
1625
- .justify-items-flex-start {
1626
- justify-items: flex-start;
1627
- }
1628
- .justify-items-flex-end {
1629
- justify-items: flex-end;
1630
- }
1631
- .justify-items-self-start {
1632
- justify-items: self-start;
1633
- }
1634
- .justify-items-self-end {
1635
- justify-items: self-end;
1636
- }
1637
- .justify-items-baseline {
1638
- justify-items: baseline;
1639
- }
1640
-
1641
- .justify-self-stretch {
1642
- justify-self: stretch;
1643
- }
1644
- .justify-self-center {
1645
- justify-self: center;
1646
- }
1647
- .justify-self-start {
1648
- justify-self: start;
1649
- }
1650
- .justify-self-end {
1651
- justify-self: end;
1652
- }
1653
- .justify-self-flex-start {
1654
- justify-self: flex-start;
1655
- }
1656
- .justify-self-flex-end {
1657
- justify-self: flex-end;
1658
- }
1659
- .justify-self-self-start {
1660
- justify-self: self-start;
1661
- }
1662
- .justify-self-self-end {
1663
- justify-self: self-end;
1664
- }
1665
- .justify-self-baseline {
1666
- justify-self: baseline;
1667
- }
1668
-
1669
- .place-content-stretch {
1670
- place-content: stretch;
1671
- }
1672
- .place-content-center {
1673
- place-content: center;
1674
- }
1675
- .place-content-start {
1676
- place-content: start;
1677
- }
1678
- .place-content-end {
1679
- place-content: end;
1680
- }
1681
- .place-content-flex-start {
1682
- place-content: flex-start;
1683
- }
1684
- .place-content-flex-end {
1685
- place-content: flex-end;
1686
- }
1687
- .place-content-between {
1688
- place-content: space-between;
1689
- }
1690
- .place-content-around {
1691
- place-content: space-around;
1692
- }
1693
- .place-content-evenly {
1694
- place-content: space-evenly;
1695
- }
1696
-
1697
- .place-items-stretch {
1698
- place-items: stretch;
1699
- }
1700
- .place-items-center {
1701
- place-items: center;
1702
- }
1703
- .place-items-start {
1704
- place-items: start;
1705
- }
1706
- .place-items-end {
1707
- place-items: end;
1708
- }
1709
- .place-items-self-start {
1710
- place-items: self-start;
1711
- }
1712
- .place-items-self-end {
1713
- place-items: self-end;
1714
- }
1715
- .place-items-flex-start {
1716
- place-items: flex-start;
1717
- }
1718
- .place-items-flex-end {
1719
- place-items: flex-end;
1720
- }
1721
- .place-items-baseline {
1722
- place-items: baseline;
1723
- }
1724
-
1725
- .place-self-stretch {
1726
- place-self: stretch;
1727
- }
1728
- .place-self-center {
1729
- place-self: center;
1730
- }
1731
- .place-self-start {
1732
- place-self: start;
1733
- }
1734
- .place-self-end {
1735
- place-self: end;
1736
- }
1737
- .place-self-flex-start {
1738
- place-self: flex-start;
1739
- }
1740
- .place-self-flex-end {
1741
- place-self: flex-end;
1742
- }
1743
- .place-self-self-start {
1744
- place-self: self-start;
1745
- }
1746
- .place-self-self-end {
1747
- place-self: self-end;
1748
- }
1749
- .place-self-baseline {
1750
- place-self: baseline;
1751
- }
1752
-
1753
- /*** Color ***/
1754
- .text-current {
1755
- color: currentColor;
1756
- }
1757
- .text-transparent {
1758
- color: transparent;
1759
- }
1760
-
1761
- .border-current {
1762
- border-color: currentColor;
1763
- }
1764
- .border-transparent {
1765
- border-color: transparent;
1766
- }
1767
-
1768
- .background-current {
1769
- background-color: currentColor;
1770
- }
1771
- .background-transparent {
1772
- background-color: transparent;
1773
- }
1774
-
1775
- .stroke-current {
1776
- stroke: currentColor;
1777
- }
1778
- .stroke-transparent {
1779
- stroke: transparent;
1780
- }
1781
-
1782
- .fill-current {
1783
- fill: currentColor;
1784
- }
1785
- .fill-transparent {
1786
- fill: transparent;
1787
- }
1788
-
1789
- /*** Cursor ***/
1790
- .cursor-auto {
1791
- cursor: auto;
1792
- }
1793
- .cursor-default {
1794
- cursor: default;
1795
- }
1796
- .cursor-pointer {
1797
- cursor: pointer;
1798
- }
1799
- .cursor-wait {
1800
- cursor: wait;
1801
- }
1802
- .cursor-text {
1803
- cursor: text;
1804
- }
1805
- .cursor-move {
1806
- cursor: move;
1807
- }
1808
- .cursor-not-allowed {
1809
- cursor: not-allowed;
1810
- }
1811
- .cursor-grab {
1812
- cursor: grab;
1813
- }
1814
- .cursor-grabbing {
1815
- cursor: grabbing;
1816
- }
1817
-
1818
- /*** Debug ***/
1819
- .debug * {
1820
- outline: 2px dotted var(--debug-color, rebeccapurple);
1821
- }
1822
- .debug *:hover {
1823
- border: 2px solid var(--debug-color, rebeccapurple);
1824
- }
1825
-
1826
- /*** Display ***/
1827
- .hidden {
1828
- display: none;
1829
- }
1830
- .block {
1831
- display: block;
1832
- }
1833
- .inline {
1834
- display: inline;
1835
- }
1836
- .inline-block {
1837
- display: inline-block;
1838
- }
1839
- .flex {
1840
- display: flex;
1841
- }
1842
- .inline-flex {
1843
- display: inline-flex;
1844
- }
1845
- .grid {
1846
- display: grid;
1847
- }
1848
- .inline-grid {
1849
- display: inline-grid;
1850
- }
1851
-
1852
- /*** Flexbox ***/
1853
- .flex-1 {
1854
- flex: 1 1 0%;
1855
- }
1856
- .flex-auto {
1857
- flex: 1 1 auto;
1858
- }
1859
- .flex-initial {
1860
- flex: 0 1 auto;
1861
- }
1862
- .flex-none {
1863
- flex: none;
1864
- }
1865
- .flex-row {
1866
- flex-direction: row;
1867
- }
1868
- .flex-row-reverse {
1869
- flex-direction: row-reverse;
1870
- }
1871
- .flex-col {
1872
- flex-direction: column;
1873
- }
1874
- .flex-col-reverse {
1875
- flex-direction: column-reverse;
1876
- }
1877
- .flex-grow {
1878
- flex-grow: 1;
1879
- }
1880
- .flex-grow-0 {
1881
- flex-grow: 0;
1882
- }
1883
- .flex-shrink {
1884
- flex-shrink: 1;
1885
- }
1886
- .flex-shrink-0 {
1887
- flex-shrink: 0;
1888
- }
1889
- .flex-wrap {
1890
- flex-wrap: wrap;
1891
- }
1892
- .flex-wrap-reverse {
1893
- flex-wrap: wrap-reverse;
1894
- }
1895
- .flex-no-wrap {
1896
- flex-wrap: nowrap;
1897
- }
1898
-
1899
- /*** Font Smoothing ***/
1900
- .font-smoothing {
1901
- -webkit-font-smoothing: antialiased;
1902
- -moz-osx-font-smoothing: grayscale;
1903
- }
1904
-
1905
- /*** Font Style ***/
1906
- .italic {
1907
- font-style: italic;
1908
- }
1909
- .not-italic {
1910
- font-style: normal;
1911
- }
1912
-
1913
- /*** Font Weight ***/
1914
- .font-hairline {
1915
- font-weight: 100;
1916
- }
1917
- .font-thin {
1918
- font-weight: 200;
1919
- }
1920
- .font-light {
1921
- font-weight: 300;
1922
- }
1923
- .font-normal {
1924
- font-weight: 400;
1925
- }
1926
- .font-medium {
1927
- font-weight: 500;
1928
- }
1929
- .font-semibold {
1930
- font-weight: 600;
1931
- }
1932
- .font-bold {
1933
- font-weight: 700;
1934
- }
1935
- .font-extrabold {
1936
- font-weight: 800;
1937
- }
1938
- .font-black {
1939
- font-weight: 900;
1940
- }
1941
-
1942
- /*** Inset ***/
1943
- .inset-0 {
1944
- inset: 0;
1945
- }
1946
- .inset-b-0 {
1947
- inset-block: 0;
1948
- }
1949
- .inset-bs-0 {
1950
- inset-block-start: 0;
1951
- }
1952
- .inset-be-0 {
1953
- inset-block-end: 0;
1954
- }
1955
- .inset-i-0 {
1956
- inset-inline: 0;
1957
- }
1958
- .inset-is-0 {
1959
- inset-inline-start: 0;
1960
- }
1961
- .inset-ie-0 {
1962
- inset-inline-end: 0;
1963
- }
1964
-
1965
- /*** Line Height ***/
1966
- .leading5 {
1967
- line-height: 2;
1968
- }
1969
- .leading4 {
1970
- line-height: 1.625;
1971
- }
1972
- .leading3 {
1973
- line-height: 1.5;
1974
- }
1975
- .leading2 {
1976
- line-height: 1.375;
1977
- }
1978
- .leading1 {
1979
- line-height: 1.25;
1980
- }
1981
- .leading0,
1982
- .leading-none {
1983
- line-height: 1;
1984
- }
1985
-
1986
- /*** List Style ***/
1987
- .list-none {
1988
- list-style: none;
1989
- }
1990
- .list-disc {
1991
- list-style: disc;
1992
- }
1993
- .list-decimal {
1994
- list-style: decimal;
1995
- }
1996
-
1997
- /*** Object Fit ***/
1998
- .object-contain {
1999
- object-fit: contain;
2000
- }
2001
- .object-cover {
2002
- object-fit: cover;
2003
- }
2004
- .object-fill {
2005
- object-fit: fill;
2006
- }
2007
- .object-none {
2008
- object-fit: none;
2009
- }
2010
- .object-scale-down {
2011
- object-fit: scale-down;
2012
- }
2013
-
2014
- /*** Object Position ***/
2015
- .object-b {
2016
- object-position: bottom;
2017
- }
2018
- .object-c {
2019
- object-position: center;
2020
- }
2021
- .object-t {
2022
- object-position: top;
2023
- }
2024
- .object-r {
2025
- object-position: right;
2026
- }
2027
- .object-rt {
2028
- object-position: right top;
2029
- }
2030
- .object-rb {
2031
- object-position: right bottom;
2032
- }
2033
- .object-l {
2034
- object-position: left;
2035
- }
2036
- .object-lt {
2037
- object-position: left top;
2038
- }
2039
- .object-lb {
2040
- object-position: left bottom;
2041
- }
2042
-
2043
- /*** Opacity ***/
2044
- .opacity-0 {
2045
- opacity: 0;
2046
- }
2047
- .opacity-25 {
2048
- opacity: 0.25;
2049
- }
2050
- .opacity-50 {
2051
- opacity: 0.5;
2052
- }
2053
- .opacity-75 {
2054
- opacity: 0.75;
2055
- }
2056
- .opacity-100 {
2057
- opacity: 1;
2058
- }
2059
-
2060
- /*** Order ***/
2061
- .order-first {
2062
- order: -9999;
2063
- }
2064
- .order-last {
2065
- order: 9999;
2066
- }
2067
- .order-none {
2068
- order: 0;
2069
- }
2070
- .order-1 {
2071
- order: 1;
2072
- }
2073
- .order-2 {
2074
- order: 2;
2075
- }
2076
- .order-3 {
2077
- order: 3;
2078
- }
2079
- .order-4 {
2080
- order: 4;
2081
- }
2082
- .order-5 {
2083
- order: 5;
2084
- }
2085
- .order-6 {
2086
- order: 6;
2087
- }
2088
-
2089
- /*** Outline ***/
2090
- .outline-none {
2091
- outline: 0;
2092
- }
2093
-
2094
- /*** Overflow ***/
2095
- .overflow-auto {
2096
- overflow: auto;
2097
- }
2098
- .truncate,
2099
- .overflow-hidden {
2100
- overflow: hidden;
2101
- }
2102
- .overflow-visible {
2103
- overflow: visible;
2104
- }
2105
- .overflow-scroll {
2106
- overflow: scroll;
2107
- }
2108
- .overflow-x-auto {
2109
- overflow-x: auto;
2110
- }
2111
- .overflow-y-auto {
2112
- overflow-y: auto;
2113
- }
2114
- .overflow-x-scroll {
2115
- overflow-x: scroll;
2116
- }
2117
- .overflow-x-hidden {
2118
- overflow-x: hidden;
2119
- }
2120
- .overflow-y-scroll {
2121
- overflow-y: scroll;
2122
- }
2123
- .overflow-y-hidden {
2124
- overflow-y: hidden;
2125
- }
2126
- .scrolling-touch {
2127
- -webkit-overflow-scrolling: touch;
2128
- }
2129
- .scrolling-auto {
2130
- -webkit-overflow-scrolling: auto;
2131
- }
2132
-
2133
- /*** Position ***/
2134
- .sticky {
2135
- position: sticky;
2136
- }
2137
- .static {
2138
- position: static;
2139
- }
2140
- .absolute {
2141
- position: absolute;
2142
- }
2143
- .relative {
2144
- position: relative;
2145
- }
2146
- .fixed {
2147
- position: fixed;
2148
- }
2149
-
2150
- /*** Size ***/
2151
- .sb-0 {
2152
- block-size: 0;
2153
- }
2154
- .sb-auto {
2155
- block-size: auto;
2156
- }
2157
- .sb-100 {
2158
- block-size: 100%;
2159
- }
2160
- .sb-min-0 {
2161
- min-block-size: 0;
2162
- }
2163
- .sb-min-100 {
2164
- min-block-size: 100%;
2165
- }
2166
- .sb-max-0 {
2167
- max-block-size: 0;
2168
- }
2169
- .sb-max-100 {
2170
- max-block-size: 100%;
2171
- }
2172
- .sb-100vw {
2173
- block-size: 100vw;
2174
- }
2175
- .sb-100vh {
2176
- block-size: 100vh;
2177
- }
2178
- .si-0 {
2179
- inline-size: 0;
2180
- }
2181
- .si-auto {
2182
- inline-size: auto;
2183
- }
2184
- .si-100 {
2185
- inline-size: 100%;
2186
- }
2187
- .si-min-0 {
2188
- min-inline-size: 0;
2189
- }
2190
- .si-min-100 {
2191
- min-inline-size: 100%;
2192
- }
2193
- .si-max0 {
2194
- max-inline-size: 0;
2195
- }
2196
- .si-max-100 {
2197
- max-inline-size: 100%;
2198
- }
2199
- .si-100vw {
2200
- inline-size: 100vw;
2201
- }
2202
- .si-100vh {
2203
- inline-size: 100vh;
2204
- }
2205
-
2206
- /*** Text Alignment ***/
2207
- .text-inherit {
2208
- text-align: inherit;
2209
- }
2210
- .text-center {
2211
- text-align: center;
2212
- }
2213
- .text-start {
2214
- text-align: start;
2215
- }
2216
- .text-end {
2217
- text-align: end;
2218
- }
2219
-
2220
- /*** Text Decoration ***/
2221
- .no-underline {
2222
- text-decoration: none;
2223
- }
2224
- .underline {
2225
- text-decoration: underline;
2226
- }
2227
- .line-through {
2228
- text-decoration: line-through;
2229
- }
2230
-
2231
- /*** Tracking ***/
2232
- .tracking3 {
2233
- letter-spacing: 0.1em;
2234
- }
2235
- .tracking2 {
2236
- letter-spacing: 0.05em;
2237
- }
2238
- .tracking1 {
2239
- letter-spacing: 0.025em;
2240
- }
2241
- .tracking0 {
2242
- letter-spacing: 0;
2243
- }
2244
- .tracking-1 {
2245
- letter-spacing: -0.025em;
2246
- }
2247
- .tracking-2 {
2248
- letter-spacing: -0.05em;
2249
- }
2250
-
2251
- /*** Text Transform ***/
2252
- .uppercase {
2253
- text-transform: uppercase;
2254
- }
2255
- .lowercase {
2256
- text-transform: lowercase;
2257
- }
2258
- .capitalize {
2259
- text-transform: capitalize;
2260
- }
2261
- .normal-case {
2262
- text-transform: none;
2263
- }
2264
-
2265
- /*** User Select ***/
2266
- .select-none {
2267
- user-select: none;
2268
- }
2269
- .select-text {
2270
- user-select: text;
2271
- }
2272
- .select-all {
2273
- user-select: all;
2274
- }
2275
- .select-auto {
2276
- user-select: auto;
2277
- }
2278
-
2279
- /*** Visibility ***/
2280
- .invisible {
2281
- visibility: hidden;
2282
- }
2283
- .visible {
2284
- visibility: visible;
2285
- }
2286
- .screenreader-only {
2287
- border: 0;
2288
- clip-path: inset(50%);
2289
- height: 1px;
2290
- margin: -1px;
2291
- overflow: hidden;
2292
- padding: 0;
2293
- position: absolute;
2294
- width: 1px;
2295
- word-wrap: normal;
2296
- }
2297
-
2298
- /*** Whitespace ***/
2299
- .whitespace-normal {
2300
- white-space: normal;
2301
- }
2302
- .truncate,
2303
- .whitespace-no-wrap {
2304
- white-space: nowrap;
2305
- }
2306
- .whitespace-pre {
2307
- white-space: pre;
2308
- }
2309
- .whitespace-pre-line {
2310
- white-space: pre-line;
2311
- }
2312
- .whitespace-pre-wrap {
2313
- white-space: pre-wrap;
2314
- }
2315
-
2316
- /*** Wordbreak ***/
2317
- .break-normal {
2318
- word-break: normal;
2319
- }
2320
- .break-normal,
2321
- .break-word {
2322
- overflow-wrap: normal;
2323
- }
2324
- .break-all {
2325
- word-break: break-all;
2326
- }
2327
- .break-keep {
2328
- word-break: keep-all;
2329
- }
2330
- .truncate,
2331
- .ellipsis {
2332
- text-overflow: ellipsis;
2333
- }
2334
-
2335
- /*** Z-Index ***/
2336
- .z-auto {
2337
- z-index: auto;
2338
- }
2339
- .z1 {
2340
- z-index: 1;
2341
- }
2342
- .z0 {
2343
- z-index: 0;
2344
- }
2345
- .z-1 {
2346
- z-index: -1;
2347
- }