admin-lte 4.0.4 → 4.2.0

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 (59) hide show
  1. package/CHANGELOG.md +41 -1
  2. package/README.md +6 -6
  3. package/dist/css/adminlte-docs.css +878 -0
  4. package/dist/css/adminlte-docs.css.map +1 -0
  5. package/dist/css/adminlte-docs.min.css +7 -0
  6. package/dist/css/adminlte-docs.min.css.map +1 -0
  7. package/dist/css/adminlte-docs.rtl.css +877 -0
  8. package/dist/css/adminlte-docs.rtl.css.map +1 -0
  9. package/dist/css/adminlte-docs.rtl.min.css +7 -0
  10. package/dist/css/adminlte-docs.rtl.min.css.map +1 -0
  11. package/dist/css/adminlte.css +132 -912
  12. package/dist/css/adminlte.css.map +1 -1
  13. package/dist/css/adminlte.min.css +2 -2
  14. package/dist/css/adminlte.min.css.map +1 -1
  15. package/dist/css/adminlte.rtl.css +132 -912
  16. package/dist/css/adminlte.rtl.css.map +1 -1
  17. package/dist/css/adminlte.rtl.min.css +2 -2
  18. package/dist/css/adminlte.rtl.min.css.map +1 -1
  19. package/dist/js/adminlte.esm.js +1406 -0
  20. package/dist/js/adminlte.esm.js.map +1 -0
  21. package/dist/js/adminlte.esm.min.js +7 -0
  22. package/dist/js/adminlte.esm.min.js.map +1 -0
  23. package/dist/js/adminlte.js +449 -215
  24. package/dist/js/adminlte.js.map +1 -1
  25. package/dist/js/adminlte.min.js +2 -2
  26. package/dist/js/adminlte.min.js.map +1 -1
  27. package/dist/js/types/accessibility.d.ts +46 -0
  28. package/dist/js/types/adminlte.d.ts +10 -0
  29. package/dist/js/types/base-component.d.ts +60 -0
  30. package/dist/js/types/card-widget.d.ts +30 -0
  31. package/dist/js/types/color-mode.d.ts +74 -0
  32. package/dist/js/types/direct-chat.d.ts +19 -0
  33. package/dist/js/types/fullscreen.d.ts +21 -0
  34. package/dist/js/types/layout.d.ts +19 -0
  35. package/dist/js/types/push-menu.d.ts +123 -0
  36. package/dist/js/types/treeview.d.ts +27 -0
  37. package/dist/js/types/util/index.d.ts +79 -0
  38. package/package.json +52 -25
  39. package/src/scss/_app-header.scss +3 -1
  40. package/src/scss/_app-main.scss +4 -0
  41. package/src/scss/_app-sidebar.scss +3 -1
  42. package/src/scss/_bootstrap-overrides.scss +60 -0
  43. package/src/scss/_info-box.scss +3 -1
  44. package/src/scss/_progress-bars.scss +3 -1
  45. package/src/scss/_table.scss +4 -2
  46. package/src/scss/adminlte-docs.scss +25 -0
  47. package/src/scss/adminlte.scss +5 -4
  48. package/src/scss/pages/_login_and_register.scss +3 -1
  49. package/src/ts/accessibility.ts +6 -2
  50. package/src/ts/adminlte.ts +7 -3
  51. package/src/ts/base-component.ts +111 -0
  52. package/src/ts/card-widget.ts +124 -100
  53. package/src/ts/color-mode.ts +254 -0
  54. package/src/ts/direct-chat.ts +38 -32
  55. package/src/ts/fullscreen.ts +32 -23
  56. package/src/ts/push-menu.ts +106 -43
  57. package/src/ts/treeview.ts +84 -50
  58. package/src/ts/util/index.ts +80 -16
  59. package/src/scss/_bootstrap-variables.scss +0 -1766
@@ -0,0 +1,878 @@
1
+ @charset "UTF-8";
2
+ /*!
3
+ * AdminLTE v4.2.0 — documentation styles
4
+ * Styles for the documentation and FAQ pages only (body.docs-page /
5
+ * body.faq-page). Applications never need this file; it is loaded by the
6
+ * docs pages in addition to adminlte.css.
7
+ */
8
+ @keyframes flipInX {
9
+ 0% {
10
+ opacity: 0;
11
+ transition-timing-function: ease-in;
12
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
13
+ }
14
+ 40% {
15
+ transition-timing-function: ease-in;
16
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
17
+ }
18
+ 60% {
19
+ opacity: 1;
20
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
21
+ }
22
+ 80% {
23
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
24
+ }
25
+ 100% {
26
+ transform: perspective(400px);
27
+ }
28
+ }
29
+ @keyframes fadeIn {
30
+ from {
31
+ opacity: 0;
32
+ }
33
+ to {
34
+ opacity: 1;
35
+ }
36
+ }
37
+ @keyframes fadeOut {
38
+ from {
39
+ opacity: 1;
40
+ }
41
+ to {
42
+ opacity: 0;
43
+ }
44
+ }
45
+ @keyframes shake {
46
+ 0% {
47
+ transform: translate(2px, 1px) rotate(0deg);
48
+ }
49
+ 10% {
50
+ transform: translate(-1px, -2px) rotate(-2deg);
51
+ }
52
+ 20% {
53
+ transform: translate(-3px, 0) rotate(3deg);
54
+ }
55
+ 30% {
56
+ transform: translate(0, 2px) rotate(0deg);
57
+ }
58
+ 40% {
59
+ transform: translate(1px, -1px) rotate(1deg);
60
+ }
61
+ 50% {
62
+ transform: translate(-1px, 2px) rotate(-1deg);
63
+ }
64
+ 60% {
65
+ transform: translate(-3px, 1px) rotate(0deg);
66
+ }
67
+ 70% {
68
+ transform: translate(2px, 1px) rotate(-2deg);
69
+ }
70
+ 80% {
71
+ transform: translate(-1px, -1px) rotate(4deg);
72
+ }
73
+ 90% {
74
+ transform: translate(2px, 2px) rotate(0deg);
75
+ }
76
+ 100% {
77
+ transform: translate(1px, -2px) rotate(-1deg);
78
+ }
79
+ }
80
+ @keyframes wobble {
81
+ 0% {
82
+ transform: none;
83
+ }
84
+ 15% {
85
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
86
+ }
87
+ 30% {
88
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
89
+ }
90
+ 45% {
91
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
92
+ }
93
+ 60% {
94
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
95
+ }
96
+ 75% {
97
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
98
+ }
99
+ 100% {
100
+ transform: none;
101
+ }
102
+ }
103
+ .astro-code {
104
+ padding: 0.75rem;
105
+ border-radius: 0.375rem;
106
+ }
107
+
108
+ .docs-page .app-content > .container-fluid {
109
+ max-width: 60rem;
110
+ }
111
+ @media (min-width: 1400px) {
112
+ .docs-page .app-content > .container-fluid {
113
+ max-width: 64rem;
114
+ }
115
+ }
116
+ .docs-page .card > .card-body {
117
+ padding: 1.5rem;
118
+ font-size: 1rem;
119
+ line-height: 1.7;
120
+ color: var(--bs-body-color);
121
+ }
122
+ @media (min-width: 768px) {
123
+ .docs-page .card > .card-body {
124
+ padding: 2.5rem;
125
+ }
126
+ }
127
+ .docs-page .card > .card-body h1,
128
+ .docs-page .card > .card-body h2,
129
+ .docs-page .card > .card-body h3,
130
+ .docs-page .card > .card-body h4,
131
+ .docs-page .card > .card-body h5,
132
+ .docs-page .card > .card-body h6,
133
+ .docs-page .card > .card-body .h1,
134
+ .docs-page .card > .card-body .h2,
135
+ .docs-page .card > .card-body .h3,
136
+ .docs-page .card > .card-body .h4,
137
+ .docs-page .card > .card-body .h5,
138
+ .docs-page .card > .card-body .h6 {
139
+ margin-top: 2em;
140
+ margin-bottom: 0.5em;
141
+ font-weight: 600;
142
+ line-height: 1.3;
143
+ color: var(--bs-emphasis-color);
144
+ scroll-margin-top: 4rem;
145
+ }
146
+ .docs-page .card > .card-body h1:first-child,
147
+ .docs-page .card > .card-body h2:first-child,
148
+ .docs-page .card > .card-body h3:first-child,
149
+ .docs-page .card > .card-body h4:first-child,
150
+ .docs-page .card > .card-body h5:first-child,
151
+ .docs-page .card > .card-body h6:first-child,
152
+ .docs-page .card > .card-body .h1:first-child,
153
+ .docs-page .card > .card-body .h2:first-child,
154
+ .docs-page .card > .card-body .h3:first-child,
155
+ .docs-page .card > .card-body .h4:first-child,
156
+ .docs-page .card > .card-body .h5:first-child,
157
+ .docs-page .card > .card-body .h6:first-child {
158
+ margin-top: 0;
159
+ }
160
+ .docs-page .card > .card-body h2,
161
+ .docs-page .card > .card-body .h2 {
162
+ padding-bottom: 0.35em;
163
+ font-size: 1.75rem;
164
+ border-bottom: 1px solid var(--bs-border-color);
165
+ }
166
+ .docs-page .card > .card-body h3,
167
+ .docs-page .card > .card-body .h3 {
168
+ font-size: 1.4rem;
169
+ }
170
+ .docs-page .card > .card-body h4,
171
+ .docs-page .card > .card-body .h4 {
172
+ font-size: 1.2rem;
173
+ }
174
+ .docs-page .card > .card-body h5,
175
+ .docs-page .card > .card-body .h5 {
176
+ padding-top: 1.5em;
177
+ margin-top: 2.5em;
178
+ font-size: 1.3rem;
179
+ border-top: 1px solid var(--bs-border-color);
180
+ }
181
+ .docs-page .card > .card-body h5:first-child,
182
+ .docs-page .card > .card-body .h5:first-child {
183
+ padding-top: 0;
184
+ border-top: 0;
185
+ }
186
+ .docs-page .card > .card-body h6,
187
+ .docs-page .card > .card-body .h6 {
188
+ margin-top: 1.75em;
189
+ font-size: 1.08rem;
190
+ color: var(--bs-emphasis-color);
191
+ }
192
+ .docs-page .card > .card-body p,
193
+ .docs-page .card > .card-body ul,
194
+ .docs-page .card > .card-body ol,
195
+ .docs-page .card > .card-body dl,
196
+ .docs-page .card > .card-body blockquote,
197
+ .docs-page .card > .card-body table {
198
+ margin-bottom: 1.1rem;
199
+ }
200
+ .docs-page .card > .card-body ul,
201
+ .docs-page .card > .card-body ol {
202
+ padding-left: 1.5rem;
203
+ }
204
+ .docs-page .card > .card-body ul li,
205
+ .docs-page .card > .card-body ol li {
206
+ margin-bottom: 0.35rem;
207
+ }
208
+ .docs-page .card > .card-body ul ul,
209
+ .docs-page .card > .card-body ul ol,
210
+ .docs-page .card > .card-body ol ul,
211
+ .docs-page .card > .card-body ol ol {
212
+ margin-top: 0.35rem;
213
+ margin-bottom: 0;
214
+ }
215
+ .docs-page .card > .card-body h2 + p,
216
+ .docs-page .card > .card-body h3 + p,
217
+ .docs-page .card > .card-body h5 + p {
218
+ margin-top: 0;
219
+ }
220
+ .docs-page .card > .card-body p code,
221
+ .docs-page .card > .card-body li code,
222
+ .docs-page .card > .card-body td code,
223
+ .docs-page .card > .card-body th code,
224
+ .docs-page .card > .card-body h2 code,
225
+ .docs-page .card > .card-body h3 code,
226
+ .docs-page .card > .card-body h4 code,
227
+ .docs-page .card > .card-body h5 code,
228
+ .docs-page .card > .card-body h6 code {
229
+ padding: 0.15em 0.4em;
230
+ font-size: 0.875em;
231
+ color: var(--bs-emphasis-color);
232
+ background: var(--bs-tertiary-bg);
233
+ border: 1px solid var(--bs-border-color);
234
+ border-radius: 0.25rem;
235
+ }
236
+ .docs-page .card > .card-body pre.astro-code,
237
+ .docs-page .card > .card-body pre {
238
+ padding: 1rem 1.25rem;
239
+ margin-top: 1.25rem;
240
+ margin-bottom: 1.5rem;
241
+ overflow-x: auto;
242
+ font-size: 0.875rem;
243
+ line-height: 1.6;
244
+ border-radius: 0.375rem;
245
+ }
246
+ .docs-page .card > .card-body pre.astro-code code,
247
+ .docs-page .card > .card-body pre code {
248
+ padding: 0;
249
+ background: transparent;
250
+ border: 0;
251
+ }
252
+ .docs-page .card > .card-body table {
253
+ width: 100%;
254
+ margin-top: 1.25rem;
255
+ margin-bottom: 1.5rem;
256
+ overflow: hidden;
257
+ font-size: 0.95rem;
258
+ border-collapse: collapse;
259
+ border: 1px solid var(--bs-border-color);
260
+ border-radius: 0.25rem;
261
+ }
262
+ .docs-page .card > .card-body table th,
263
+ .docs-page .card > .card-body table td {
264
+ padding: 0.65rem 0.9rem;
265
+ text-align: left;
266
+ vertical-align: top;
267
+ border-bottom: 1px solid var(--bs-border-color);
268
+ }
269
+ .docs-page .card > .card-body table th {
270
+ font-weight: 600;
271
+ color: var(--bs-emphasis-color);
272
+ background: var(--bs-tertiary-bg);
273
+ }
274
+ .docs-page .card > .card-body table tr:last-child td {
275
+ border-bottom: 0;
276
+ }
277
+ .docs-page .card > .card-body table code {
278
+ white-space: nowrap;
279
+ }
280
+ .docs-page .card > .card-body blockquote {
281
+ padding: 0.85rem 1.1rem;
282
+ margin-top: 1.25rem;
283
+ color: var(--bs-emphasis-color);
284
+ background: var(--bs-info-bg-subtle);
285
+ border-left: 4px solid var(--bs-info-border-subtle);
286
+ border-radius: 0.25rem;
287
+ }
288
+ .docs-page .card > .card-body blockquote p:last-child {
289
+ margin-bottom: 0;
290
+ }
291
+ .docs-page .card > .card-body blockquote code {
292
+ background: rgba(0, 0, 0, 0.05);
293
+ }
294
+ .docs-page .card > .card-body a:not(.btn):not(.nav-link) {
295
+ color: var(--bs-primary);
296
+ text-decoration: underline;
297
+ text-decoration-thickness: 1px;
298
+ text-underline-offset: 3px;
299
+ }
300
+ .docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
301
+ text-decoration-thickness: 2px;
302
+ }
303
+ .docs-page .card > .card-body hr {
304
+ margin: 2.5rem 0;
305
+ border: 0;
306
+ border-top: 1px solid var(--bs-border-color);
307
+ opacity: 1;
308
+ }
309
+ .docs-page .card > .card-body > p:first-child,
310
+ .docs-page .card > .card-body > p:first-of-type {
311
+ margin-bottom: 2rem;
312
+ font-size: 1.125rem;
313
+ line-height: 1.6;
314
+ color: var(--bs-body-color);
315
+ }
316
+ .docs-page .card > .card-body details.faq-item {
317
+ margin-bottom: 0.5rem;
318
+ overflow: hidden;
319
+ background: var(--bs-body-bg);
320
+ border: 1px solid var(--bs-border-color);
321
+ border-radius: 0.375rem;
322
+ transition: border-color 0.15s ease, box-shadow 0.15s ease;
323
+ }
324
+ @media (prefers-reduced-motion: reduce) {
325
+ .docs-page .card > .card-body details.faq-item {
326
+ transition: none;
327
+ }
328
+ }
329
+ .docs-page .card > .card-body details.faq-item:hover {
330
+ border-color: var(--bs-primary-border-subtle);
331
+ }
332
+ .docs-page .card > .card-body details.faq-item[open] {
333
+ background: var(--bs-body-bg);
334
+ border-color: var(--bs-primary-border-subtle);
335
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
336
+ }
337
+ .docs-page .card > .card-body details.faq-item summary {
338
+ position: relative;
339
+ padding: 0.9rem 3rem 0.9rem 1.1rem;
340
+ font-size: 1rem;
341
+ font-weight: 600;
342
+ color: var(--bs-emphasis-color);
343
+ list-style: none;
344
+ cursor: pointer;
345
+ -webkit-user-select: none;
346
+ user-select: none;
347
+ transition: color 0.15s ease;
348
+ }
349
+ @media (prefers-reduced-motion: reduce) {
350
+ .docs-page .card > .card-body details.faq-item summary {
351
+ transition: none;
352
+ }
353
+ }
354
+ .docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
355
+ display: none;
356
+ }
357
+ .docs-page .card > .card-body details.faq-item summary::marker {
358
+ content: "";
359
+ }
360
+ .docs-page .card > .card-body details.faq-item summary:hover {
361
+ color: var(--bs-primary);
362
+ }
363
+ .docs-page .card > .card-body details.faq-item summary::after {
364
+ position: absolute;
365
+ top: 50%;
366
+ right: 1.1rem;
367
+ display: inline-block;
368
+ width: 0.55rem;
369
+ height: 0.55rem;
370
+ margin-top: -0.4rem;
371
+ content: "";
372
+ border-right: 2px solid currentcolor;
373
+ border-bottom: 2px solid currentcolor;
374
+ opacity: 0.55;
375
+ transform: rotate(45deg);
376
+ transition: transform 0.2s ease;
377
+ }
378
+ @media (prefers-reduced-motion: reduce) {
379
+ .docs-page .card > .card-body details.faq-item summary::after {
380
+ transition: none;
381
+ }
382
+ }
383
+ .docs-page .card > .card-body details.faq-item[open] > summary {
384
+ color: var(--bs-primary);
385
+ border-bottom: 1px solid var(--bs-border-color);
386
+ }
387
+ .docs-page .card > .card-body details.faq-item[open] > summary::after {
388
+ margin-top: -0.15rem;
389
+ opacity: 1;
390
+ transform: rotate(-135deg);
391
+ }
392
+ .docs-page .card > .card-body details.faq-item > *:not(summary) {
393
+ padding-right: 1.1rem;
394
+ padding-left: 1.1rem;
395
+ }
396
+ .docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
397
+ padding-top: 1rem;
398
+ }
399
+ .docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
400
+ padding-bottom: 1rem;
401
+ }
402
+ .docs-page .card > .card-body details.faq-item p,
403
+ .docs-page .card > .card-body details.faq-item ul,
404
+ .docs-page .card > .card-body details.faq-item ol {
405
+ margin-bottom: 0.65rem;
406
+ }
407
+ .docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
408
+ .docs-page .card > .card-body details.faq-item > p:last-child,
409
+ .docs-page .card > .card-body details.faq-item > ul:last-child,
410
+ .docs-page .card > .card-body details.faq-item > ol:last-child {
411
+ margin-bottom: 0;
412
+ }
413
+ .docs-page .card > .card-body details.faq-item pre.astro-code,
414
+ .docs-page .card > .card-body details.faq-item pre {
415
+ margin-right: 0;
416
+ margin-left: 0;
417
+ }
418
+ .docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
419
+ background: rgba(255, 255, 255, 0.08);
420
+ }
421
+
422
+ .faq-page .app-content > .container-fluid {
423
+ max-width: 64rem;
424
+ }
425
+ @media (min-width: 1400px) {
426
+ .faq-page .app-content > .container-fluid {
427
+ max-width: 72rem;
428
+ }
429
+ }
430
+ .faq-page .faq-hero {
431
+ position: relative;
432
+ padding: 3rem 1.5rem 2.5rem;
433
+ margin-top: 1rem;
434
+ overflow: hidden;
435
+ background: radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.12), transparent 60%), radial-gradient(ellipse at bottom right, rgba(var(--bs-info-rgb), 0.1), transparent 65%), var(--bs-body-bg);
436
+ border: 1px solid var(--bs-border-color);
437
+ border-radius: 1rem;
438
+ }
439
+ .faq-page .faq-hero-eyebrow {
440
+ display: inline-flex;
441
+ gap: 0.4rem;
442
+ align-items: center;
443
+ padding: 0.35rem 0.85rem;
444
+ margin-bottom: 1rem;
445
+ font-size: 0.75rem;
446
+ font-weight: 600;
447
+ color: var(--bs-primary);
448
+ text-transform: uppercase;
449
+ letter-spacing: 0.08em;
450
+ background: var(--bs-primary-bg-subtle);
451
+ border: 1px solid var(--bs-primary-border-subtle);
452
+ border-radius: 50rem;
453
+ }
454
+ .faq-page .faq-hero-eyebrow .bi {
455
+ font-size: 0.9rem;
456
+ }
457
+ .faq-page .faq-hero-title {
458
+ margin: 0 0 0.5rem;
459
+ font-size: 2.25rem;
460
+ font-weight: 700;
461
+ line-height: 1.15;
462
+ color: var(--bs-emphasis-color);
463
+ }
464
+ @media (min-width: 768px) {
465
+ .faq-page .faq-hero-title {
466
+ font-size: 2.75rem;
467
+ }
468
+ }
469
+ .faq-page .faq-hero-lead {
470
+ max-width: 36rem;
471
+ margin: 0 auto 1.75rem;
472
+ font-size: 1.05rem;
473
+ line-height: 1.55;
474
+ color: var(--bs-secondary-color);
475
+ }
476
+ .faq-page .faq-search {
477
+ position: relative;
478
+ max-width: 32rem;
479
+ margin: 0 auto;
480
+ }
481
+ .faq-page .faq-search .form-control {
482
+ height: 3rem;
483
+ padding-right: 3rem;
484
+ padding-left: 3rem;
485
+ font-size: 1rem;
486
+ background: var(--bs-body-bg);
487
+ border-radius: 50rem;
488
+ transition: box-shadow 0.15s ease, border-color 0.15s ease;
489
+ }
490
+ @media (prefers-reduced-motion: reduce) {
491
+ .faq-page .faq-search .form-control {
492
+ transition: none;
493
+ }
494
+ }
495
+ .faq-page .faq-search .form-control:focus {
496
+ box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
497
+ }
498
+ .faq-page .faq-search-icon {
499
+ position: absolute;
500
+ top: 50%;
501
+ left: 1.2rem;
502
+ color: var(--bs-secondary-color);
503
+ pointer-events: none;
504
+ transform: translateY(-50%);
505
+ }
506
+ .faq-page .faq-search-clear {
507
+ position: absolute;
508
+ top: 50%;
509
+ right: 0.65rem;
510
+ display: inline-flex;
511
+ align-items: center;
512
+ justify-content: center;
513
+ width: 2rem;
514
+ height: 2rem;
515
+ padding: 0;
516
+ color: var(--bs-secondary-color);
517
+ background: var(--bs-tertiary-bg);
518
+ border: 0;
519
+ transform: translateY(-50%);
520
+ border-radius: 50%;
521
+ transition: background 0.15s ease, color 0.15s ease;
522
+ }
523
+ @media (prefers-reduced-motion: reduce) {
524
+ .faq-page .faq-search-clear {
525
+ transition: none;
526
+ }
527
+ }
528
+ .faq-page .faq-search-clear:hover {
529
+ color: var(--bs-body-color);
530
+ background: var(--bs-secondary-bg);
531
+ }
532
+ .faq-page .faq-empty-state {
533
+ max-width: 32rem;
534
+ padding: 1rem;
535
+ margin: 1.5rem auto 0;
536
+ font-size: 0.95rem;
537
+ color: var(--bs-secondary-color);
538
+ background: var(--bs-tertiary-bg);
539
+ border-radius: 0.375rem;
540
+ }
541
+ .faq-page .faq-empty-state .bi {
542
+ margin-right: 0.35rem;
543
+ }
544
+ .faq-page .faq-chips {
545
+ display: flex;
546
+ flex-wrap: wrap;
547
+ gap: 0.5rem;
548
+ justify-content: center;
549
+ }
550
+ .faq-page .faq-chip {
551
+ display: inline-flex;
552
+ gap: 0.45rem;
553
+ align-items: center;
554
+ padding: 0.45rem 0.85rem;
555
+ font-size: 0.875rem;
556
+ font-weight: 500;
557
+ color: var(--bs-body-color);
558
+ text-decoration: none;
559
+ background: var(--bs-body-bg);
560
+ border: 1px solid var(--bs-border-color);
561
+ border-radius: 50rem;
562
+ transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
563
+ }
564
+ @media (prefers-reduced-motion: reduce) {
565
+ .faq-page .faq-chip {
566
+ transition: none;
567
+ }
568
+ }
569
+ .faq-page .faq-chip:hover {
570
+ color: var(--bs-emphasis-color);
571
+ background: var(--bs-tertiary-bg);
572
+ transform: translateY(-1px);
573
+ }
574
+ .faq-page .faq-chip .bi {
575
+ font-size: 1rem;
576
+ }
577
+ .faq-page .faq-chip-count {
578
+ padding: 0 0.45rem;
579
+ font-size: 0.7rem;
580
+ font-weight: 600;
581
+ color: var(--bs-secondary-color);
582
+ background: var(--bs-tertiary-bg);
583
+ border-radius: 50rem;
584
+ }
585
+ .faq-page .faq-chip-primary:hover {
586
+ color: var(--bs-primary-text-emphasis);
587
+ background: var(--bs-primary-bg-subtle);
588
+ border-color: var(--bs-primary-border-subtle);
589
+ }
590
+ .faq-page .faq-chip-primary:hover .faq-chip-count {
591
+ color: var(--bs-primary-text-emphasis);
592
+ background: rgba(0, 0, 0, 0.06);
593
+ }
594
+ .faq-page .faq-chip-info:hover {
595
+ color: var(--bs-info-text-emphasis);
596
+ background: var(--bs-info-bg-subtle);
597
+ border-color: var(--bs-info-border-subtle);
598
+ }
599
+ .faq-page .faq-chip-info:hover .faq-chip-count {
600
+ color: var(--bs-info-text-emphasis);
601
+ background: rgba(0, 0, 0, 0.06);
602
+ }
603
+ .faq-page .faq-chip-warning:hover {
604
+ color: var(--bs-warning-text-emphasis);
605
+ background: var(--bs-warning-bg-subtle);
606
+ border-color: var(--bs-warning-border-subtle);
607
+ }
608
+ .faq-page .faq-chip-warning:hover .faq-chip-count {
609
+ color: var(--bs-warning-text-emphasis);
610
+ background: rgba(0, 0, 0, 0.06);
611
+ }
612
+ .faq-page .faq-chip-success:hover {
613
+ color: var(--bs-success-text-emphasis);
614
+ background: var(--bs-success-bg-subtle);
615
+ border-color: var(--bs-success-border-subtle);
616
+ }
617
+ .faq-page .faq-chip-success:hover .faq-chip-count {
618
+ color: var(--bs-success-text-emphasis);
619
+ background: rgba(0, 0, 0, 0.06);
620
+ }
621
+ .faq-page .faq-chip-danger:hover {
622
+ color: var(--bs-danger-text-emphasis);
623
+ background: var(--bs-danger-bg-subtle);
624
+ border-color: var(--bs-danger-border-subtle);
625
+ }
626
+ .faq-page .faq-chip-danger:hover .faq-chip-count {
627
+ color: var(--bs-danger-text-emphasis);
628
+ background: rgba(0, 0, 0, 0.06);
629
+ }
630
+ .faq-page .faq-chip-secondary:hover {
631
+ color: var(--bs-secondary-text-emphasis);
632
+ background: var(--bs-secondary-bg-subtle);
633
+ border-color: var(--bs-secondary-border-subtle);
634
+ }
635
+ .faq-page .faq-chip-secondary:hover .faq-chip-count {
636
+ color: var(--bs-secondary-text-emphasis);
637
+ background: rgba(0, 0, 0, 0.06);
638
+ }
639
+ .faq-page .faq-section {
640
+ margin-bottom: 2.5rem;
641
+ scroll-margin-top: 5rem;
642
+ }
643
+ .faq-page .faq-section-header {
644
+ display: flex;
645
+ gap: 1rem;
646
+ align-items: center;
647
+ padding: 1rem 1.25rem;
648
+ margin-bottom: 1rem;
649
+ background: var(--bs-body-bg);
650
+ border: 1px solid var(--bs-border-color);
651
+ border-left: 4px solid var(--bs-primary);
652
+ border-radius: 0.375rem;
653
+ }
654
+ .faq-page .faq-section-icon {
655
+ display: inline-flex;
656
+ flex-shrink: 0;
657
+ align-items: center;
658
+ justify-content: center;
659
+ width: 2.75rem;
660
+ height: 2.75rem;
661
+ font-size: 1.35rem;
662
+ color: var(--bs-primary);
663
+ background: var(--bs-primary-bg-subtle);
664
+ border-radius: 0.375rem;
665
+ }
666
+ .faq-page .faq-section-title {
667
+ margin: 0;
668
+ font-size: 1.4rem;
669
+ font-weight: 600;
670
+ line-height: 1.2;
671
+ color: var(--bs-emphasis-color);
672
+ }
673
+ .faq-page .faq-section-count {
674
+ margin: 0.1rem 0 0;
675
+ font-size: 0.8rem;
676
+ color: var(--bs-secondary-color);
677
+ }
678
+ .faq-page .faq-section-primary {
679
+ border-left-color: var(--bs-primary);
680
+ }
681
+ .faq-page .faq-section-primary .faq-section-icon {
682
+ color: var(--bs-primary-text-emphasis);
683
+ background: var(--bs-primary-bg-subtle);
684
+ }
685
+ .faq-page .faq-section-info {
686
+ border-left-color: var(--bs-info);
687
+ }
688
+ .faq-page .faq-section-info .faq-section-icon {
689
+ color: var(--bs-info-text-emphasis);
690
+ background: var(--bs-info-bg-subtle);
691
+ }
692
+ .faq-page .faq-section-warning {
693
+ border-left-color: var(--bs-warning);
694
+ }
695
+ .faq-page .faq-section-warning .faq-section-icon {
696
+ color: var(--bs-warning-text-emphasis);
697
+ background: var(--bs-warning-bg-subtle);
698
+ }
699
+ .faq-page .faq-section-success {
700
+ border-left-color: var(--bs-success);
701
+ }
702
+ .faq-page .faq-section-success .faq-section-icon {
703
+ color: var(--bs-success-text-emphasis);
704
+ background: var(--bs-success-bg-subtle);
705
+ }
706
+ .faq-page .faq-section-danger {
707
+ border-left-color: var(--bs-danger);
708
+ }
709
+ .faq-page .faq-section-danger .faq-section-icon {
710
+ color: var(--bs-danger-text-emphasis);
711
+ background: var(--bs-danger-bg-subtle);
712
+ }
713
+ .faq-page .faq-section-secondary {
714
+ border-left-color: var(--bs-secondary);
715
+ }
716
+ .faq-page .faq-section-secondary .faq-section-icon {
717
+ color: var(--bs-secondary-text-emphasis);
718
+ background: var(--bs-secondary-bg-subtle);
719
+ }
720
+ .faq-page .faq-section-items .faq-item {
721
+ margin-bottom: 0.5rem;
722
+ overflow: hidden;
723
+ background: var(--bs-body-bg);
724
+ border: 1px solid var(--bs-border-color);
725
+ border-radius: 0.375rem;
726
+ transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
727
+ }
728
+ @media (prefers-reduced-motion: reduce) {
729
+ .faq-page .faq-section-items .faq-item {
730
+ transition: none;
731
+ }
732
+ }
733
+ .faq-page .faq-section-items .faq-item:hover {
734
+ border-color: var(--bs-primary-border-subtle);
735
+ transform: translateX(2px);
736
+ }
737
+ .faq-page .faq-section-items .faq-item[open] {
738
+ border-color: var(--bs-primary-border-subtle);
739
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
740
+ transform: none;
741
+ }
742
+ .faq-page .faq-section-items .faq-item summary {
743
+ display: flex;
744
+ gap: 0.85rem;
745
+ align-items: center;
746
+ padding: 1rem 1.25rem;
747
+ font-size: 1rem;
748
+ font-weight: 500;
749
+ color: var(--bs-emphasis-color);
750
+ list-style: none;
751
+ cursor: pointer;
752
+ -webkit-user-select: none;
753
+ user-select: none;
754
+ }
755
+ .faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
756
+ display: none;
757
+ }
758
+ .faq-page .faq-section-items .faq-item summary::marker {
759
+ content: "";
760
+ }
761
+ .faq-page .faq-section-items .faq-item summary::after {
762
+ content: none;
763
+ }
764
+ .faq-page .faq-section-items .faq-item .faq-q-icon {
765
+ display: inline-flex;
766
+ flex-shrink: 0;
767
+ align-items: center;
768
+ justify-content: center;
769
+ width: 1.75rem;
770
+ height: 1.75rem;
771
+ font-size: 0.85rem;
772
+ color: var(--bs-primary);
773
+ background: var(--bs-primary-bg-subtle);
774
+ border-radius: 50%;
775
+ }
776
+ .faq-page .faq-section-items .faq-item .faq-q-text {
777
+ flex-grow: 1;
778
+ }
779
+ .faq-page .faq-section-items .faq-item .faq-q-chevron {
780
+ flex-shrink: 0;
781
+ color: var(--bs-secondary-color);
782
+ transition: transform 0.2s ease, color 0.2s ease;
783
+ }
784
+ @media (prefers-reduced-motion: reduce) {
785
+ .faq-page .faq-section-items .faq-item .faq-q-chevron {
786
+ transition: none;
787
+ }
788
+ }
789
+ .faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
790
+ color: var(--bs-primary);
791
+ transform: rotate(180deg);
792
+ }
793
+ .faq-page .faq-section-items .faq-item[open] summary {
794
+ color: var(--bs-primary);
795
+ border-bottom: 1px solid var(--bs-border-color);
796
+ }
797
+ .faq-page .faq-section-items .faq-item .faq-answer {
798
+ padding: 1.1rem 1.25rem 1.1rem 3.85rem;
799
+ font-size: 0.95rem;
800
+ line-height: 1.65;
801
+ color: var(--bs-body-color);
802
+ }
803
+ .faq-page .faq-section-items .faq-item .faq-answer p:last-child,
804
+ .faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
805
+ .faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
806
+ .faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
807
+ margin-bottom: 0;
808
+ }
809
+ .faq-page .faq-section-items .faq-item .faq-answer a {
810
+ color: var(--bs-primary);
811
+ text-decoration: underline;
812
+ text-underline-offset: 2px;
813
+ }
814
+ .faq-page .faq-section-items .faq-item .faq-answer a:hover {
815
+ text-decoration-thickness: 2px;
816
+ }
817
+ .faq-page .faq-section-items .faq-item .faq-answer code {
818
+ padding: 0.12em 0.35em;
819
+ font-size: 0.875em;
820
+ color: var(--bs-emphasis-color);
821
+ background: var(--bs-tertiary-bg);
822
+ border: 1px solid var(--bs-border-color);
823
+ border-radius: 0.25rem;
824
+ }
825
+ .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
826
+ .faq-page .faq-section-items .faq-item .faq-answer pre {
827
+ padding: 0.85rem 1rem;
828
+ margin-top: 0.75rem;
829
+ margin-bottom: 0.75rem;
830
+ overflow-x: auto;
831
+ font-size: 0.85rem;
832
+ line-height: 1.55;
833
+ border-radius: 0.25rem;
834
+ }
835
+ .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
836
+ .faq-page .faq-section-items .faq-item .faq-answer pre code {
837
+ padding: 0;
838
+ background: transparent;
839
+ border: 0;
840
+ }
841
+ .faq-page .faq-cta {
842
+ padding: 2.5rem 1.5rem;
843
+ text-align: center;
844
+ background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
845
+ border: 1px solid var(--bs-border-color);
846
+ border-radius: 1rem;
847
+ }
848
+ .faq-page .faq-cta-icon {
849
+ display: inline-flex;
850
+ align-items: center;
851
+ justify-content: center;
852
+ width: 3.5rem;
853
+ height: 3.5rem;
854
+ margin-bottom: 1rem;
855
+ font-size: 1.6rem;
856
+ color: var(--bs-primary);
857
+ background: var(--bs-primary-bg-subtle);
858
+ border-radius: 50%;
859
+ }
860
+ .faq-page .faq-cta h2 {
861
+ margin: 0 0 0.5rem;
862
+ font-size: 1.5rem;
863
+ font-weight: 600;
864
+ color: var(--bs-emphasis-color);
865
+ }
866
+ .faq-page .faq-cta p {
867
+ max-width: 32rem;
868
+ margin: 0 auto 1.5rem;
869
+ color: var(--bs-secondary-color);
870
+ }
871
+ .faq-page .faq-cta-actions {
872
+ display: inline-flex;
873
+ flex-wrap: wrap;
874
+ gap: 0.5rem;
875
+ justify-content: center;
876
+ }
877
+
878
+ /*# sourceMappingURL=adminlte-docs.css.map */