admin-lte 4.0.4 → 4.1.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 (57) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/css/adminlte-docs.css +878 -0
  3. package/dist/css/adminlte-docs.css.map +1 -0
  4. package/dist/css/adminlte-docs.min.css +7 -0
  5. package/dist/css/adminlte-docs.min.css.map +1 -0
  6. package/dist/css/adminlte-docs.rtl.css +877 -0
  7. package/dist/css/adminlte-docs.rtl.css.map +1 -0
  8. package/dist/css/adminlte-docs.rtl.min.css +7 -0
  9. package/dist/css/adminlte-docs.rtl.min.css.map +1 -0
  10. package/dist/css/adminlte.css +2 -782
  11. package/dist/css/adminlte.css.map +1 -1
  12. package/dist/css/adminlte.min.css +2 -2
  13. package/dist/css/adminlte.min.css.map +1 -1
  14. package/dist/css/adminlte.rtl.css +2 -782
  15. package/dist/css/adminlte.rtl.css.map +1 -1
  16. package/dist/css/adminlte.rtl.min.css +2 -2
  17. package/dist/css/adminlte.rtl.min.css.map +1 -1
  18. package/dist/js/adminlte.esm.js +1365 -0
  19. package/dist/js/adminlte.esm.js.map +1 -0
  20. package/dist/js/adminlte.esm.min.js +7 -0
  21. package/dist/js/adminlte.esm.min.js.map +1 -0
  22. package/dist/js/adminlte.js +391 -200
  23. package/dist/js/adminlte.js.map +1 -1
  24. package/dist/js/adminlte.min.js +2 -2
  25. package/dist/js/adminlte.min.js.map +1 -1
  26. package/dist/js/types/accessibility.d.ts +46 -0
  27. package/dist/js/types/adminlte.d.ts +9 -0
  28. package/dist/js/types/base-component.d.ts +36 -0
  29. package/dist/js/types/card-widget.d.ts +30 -0
  30. package/dist/js/types/color-mode.d.ts +56 -0
  31. package/dist/js/types/direct-chat.d.ts +19 -0
  32. package/dist/js/types/fullscreen.d.ts +21 -0
  33. package/dist/js/types/layout.d.ts +19 -0
  34. package/dist/js/types/push-menu.d.ts +102 -0
  35. package/dist/js/types/treeview.d.ts +27 -0
  36. package/dist/js/types/util/index.d.ts +42 -0
  37. package/package.json +32 -6
  38. package/src/scss/_app-header.scss +3 -1
  39. package/src/scss/_app-main.scss +4 -0
  40. package/src/scss/_app-sidebar.scss +3 -1
  41. package/src/scss/_bootstrap-overrides.scss +60 -0
  42. package/src/scss/_info-box.scss +3 -1
  43. package/src/scss/_progress-bars.scss +3 -1
  44. package/src/scss/_table.scss +4 -2
  45. package/src/scss/adminlte-docs.scss +25 -0
  46. package/src/scss/adminlte.scss +5 -4
  47. package/src/scss/pages/_login_and_register.scss +3 -1
  48. package/src/ts/adminlte.ts +3 -1
  49. package/src/ts/base-component.ts +84 -0
  50. package/src/ts/card-widget.ts +124 -100
  51. package/src/ts/color-mode.ts +174 -0
  52. package/src/ts/direct-chat.ts +38 -32
  53. package/src/ts/fullscreen.ts +32 -23
  54. package/src/ts/push-menu.ts +69 -36
  55. package/src/ts/treeview.ts +84 -50
  56. package/src/ts/util/index.ts +1 -1
  57. package/src/scss/_bootstrap-variables.scss +0 -1766
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /*!
3
- * AdminLTE v4.0.4
3
+ * AdminLTE v4.1.0
4
4
  * Author: Colorlib
5
5
  * Website: AdminLTE.io <https://adminlte.io>
6
6
  * License: Open source - MIT <https://opensource.org/licenses/MIT>
@@ -13896,6 +13896,7 @@ body:not(.app-loaded) .app-footer {
13896
13896
  line-height: 2.5rem;
13897
13897
  }
13898
13898
  .app-main .app-content-header .breadcrumb a {
13899
+ color: var(--bs-link-hover-color);
13899
13900
  text-decoration: none;
13900
13901
  }
13901
13902
  .app-main .app-content-top-area,
@@ -15712,786 +15713,5 @@ fieldset legend {
15712
15713
  position: static !important;
15713
15714
  }
15714
15715
  }
15715
- .astro-code {
15716
- padding: 0.75rem;
15717
- border-radius: 0.375rem;
15718
- }
15719
-
15720
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
15721
- max-width: 60rem;
15722
- }
15723
- @media (min-width: 1400px) {
15724
- .docs-page .app-content > .container-fluid, .docs-page .app-content > .container-sm, .docs-page .app-content > .container-md, .docs-page .app-content > .container-lg, .docs-page .app-content > .container-xl, .docs-page .app-content > .container-xxl {
15725
- max-width: 64rem;
15726
- }
15727
- }
15728
- .docs-page .card > .card-body {
15729
- padding: 1.5rem;
15730
- font-size: 1rem;
15731
- line-height: 1.7;
15732
- color: var(--bs-body-color);
15733
- }
15734
- @media (min-width: 768px) {
15735
- .docs-page .card > .card-body {
15736
- padding: 2.5rem;
15737
- }
15738
- }
15739
- .docs-page .card > .card-body h1,
15740
- .docs-page .card > .card-body h2,
15741
- .docs-page .card > .card-body h3,
15742
- .docs-page .card > .card-body h4,
15743
- .docs-page .card > .card-body h5,
15744
- .docs-page .card > .card-body h6,
15745
- .docs-page .card > .card-body .h1,
15746
- .docs-page .card > .card-body .h2,
15747
- .docs-page .card > .card-body .h3,
15748
- .docs-page .card > .card-body .h4,
15749
- .docs-page .card > .card-body .h5,
15750
- .docs-page .card > .card-body .h6 {
15751
- margin-top: 2em;
15752
- margin-bottom: 0.5em;
15753
- font-weight: 600;
15754
- line-height: 1.3;
15755
- color: var(--bs-emphasis-color);
15756
- scroll-margin-top: 4rem;
15757
- }
15758
- .docs-page .card > .card-body h1:first-child,
15759
- .docs-page .card > .card-body h2:first-child,
15760
- .docs-page .card > .card-body h3:first-child,
15761
- .docs-page .card > .card-body h4:first-child,
15762
- .docs-page .card > .card-body h5:first-child,
15763
- .docs-page .card > .card-body h6:first-child,
15764
- .docs-page .card > .card-body .h1:first-child,
15765
- .docs-page .card > .card-body .h2:first-child,
15766
- .docs-page .card > .card-body .h3:first-child,
15767
- .docs-page .card > .card-body .h4:first-child,
15768
- .docs-page .card > .card-body .h5:first-child,
15769
- .docs-page .card > .card-body .h6:first-child {
15770
- margin-top: 0;
15771
- }
15772
- .docs-page .card > .card-body h2,
15773
- .docs-page .card > .card-body .h2 {
15774
- padding-bottom: 0.35em;
15775
- font-size: 1.75rem;
15776
- border-bottom: 1px solid var(--bs-border-color);
15777
- }
15778
- .docs-page .card > .card-body h3,
15779
- .docs-page .card > .card-body .h3 {
15780
- font-size: 1.4rem;
15781
- }
15782
- .docs-page .card > .card-body h4,
15783
- .docs-page .card > .card-body .h4 {
15784
- font-size: 1.2rem;
15785
- }
15786
- .docs-page .card > .card-body h5,
15787
- .docs-page .card > .card-body .h5 {
15788
- padding-top: 1.5em;
15789
- margin-top: 2.5em;
15790
- font-size: 1.3rem;
15791
- border-top: 1px solid var(--bs-border-color);
15792
- }
15793
- .docs-page .card > .card-body h5:first-child,
15794
- .docs-page .card > .card-body .h5:first-child {
15795
- padding-top: 0;
15796
- border-top: 0;
15797
- }
15798
- .docs-page .card > .card-body h6,
15799
- .docs-page .card > .card-body .h6 {
15800
- margin-top: 1.75em;
15801
- font-size: 1.08rem;
15802
- color: var(--bs-emphasis-color);
15803
- }
15804
- .docs-page .card > .card-body p,
15805
- .docs-page .card > .card-body ul,
15806
- .docs-page .card > .card-body ol,
15807
- .docs-page .card > .card-body dl,
15808
- .docs-page .card > .card-body blockquote,
15809
- .docs-page .card > .card-body table {
15810
- margin-bottom: 1.1rem;
15811
- }
15812
- .docs-page .card > .card-body ul,
15813
- .docs-page .card > .card-body ol {
15814
- padding-left: 1.5rem;
15815
- }
15816
- .docs-page .card > .card-body ul li,
15817
- .docs-page .card > .card-body ol li {
15818
- margin-bottom: 0.35rem;
15819
- }
15820
- .docs-page .card > .card-body ul ul,
15821
- .docs-page .card > .card-body ul ol,
15822
- .docs-page .card > .card-body ol ul,
15823
- .docs-page .card > .card-body ol ol {
15824
- margin-top: 0.35rem;
15825
- margin-bottom: 0;
15826
- }
15827
- .docs-page .card > .card-body h2 + p, .docs-page .card > .card-body .h2 + p,
15828
- .docs-page .card > .card-body h3 + p,
15829
- .docs-page .card > .card-body .h3 + p,
15830
- .docs-page .card > .card-body h5 + p,
15831
- .docs-page .card > .card-body .h5 + p {
15832
- margin-top: 0;
15833
- }
15834
- .docs-page .card > .card-body p code,
15835
- .docs-page .card > .card-body li code,
15836
- .docs-page .card > .card-body td code,
15837
- .docs-page .card > .card-body th code,
15838
- .docs-page .card > .card-body h2 code,
15839
- .docs-page .card > .card-body .h2 code,
15840
- .docs-page .card > .card-body h3 code,
15841
- .docs-page .card > .card-body .h3 code,
15842
- .docs-page .card > .card-body h4 code,
15843
- .docs-page .card > .card-body .h4 code,
15844
- .docs-page .card > .card-body h5 code,
15845
- .docs-page .card > .card-body .h5 code,
15846
- .docs-page .card > .card-body h6 code,
15847
- .docs-page .card > .card-body .h6 code {
15848
- padding: 0.15em 0.4em;
15849
- font-size: 0.875em;
15850
- color: var(--bs-emphasis-color);
15851
- background: var(--bs-tertiary-bg);
15852
- border: 1px solid var(--bs-border-color);
15853
- border-radius: 0.25rem;
15854
- }
15855
- .docs-page .card > .card-body pre.astro-code,
15856
- .docs-page .card > .card-body pre {
15857
- padding: 1rem 1.25rem;
15858
- margin-top: 1.25rem;
15859
- margin-bottom: 1.5rem;
15860
- overflow-x: auto;
15861
- font-size: 0.875rem;
15862
- line-height: 1.6;
15863
- border-radius: 0.375rem;
15864
- }
15865
- .docs-page .card > .card-body pre.astro-code code,
15866
- .docs-page .card > .card-body pre code {
15867
- padding: 0;
15868
- background: transparent;
15869
- border: 0;
15870
- }
15871
- .docs-page .card > .card-body table {
15872
- width: 100%;
15873
- margin-top: 1.25rem;
15874
- margin-bottom: 1.5rem;
15875
- overflow: hidden;
15876
- font-size: 0.95rem;
15877
- border-collapse: collapse;
15878
- border: 1px solid var(--bs-border-color);
15879
- border-radius: 0.25rem;
15880
- }
15881
- .docs-page .card > .card-body table th,
15882
- .docs-page .card > .card-body table td {
15883
- padding: 0.65rem 0.9rem;
15884
- text-align: left;
15885
- vertical-align: top;
15886
- border-bottom: 1px solid var(--bs-border-color);
15887
- }
15888
- .docs-page .card > .card-body table th {
15889
- font-weight: 600;
15890
- color: var(--bs-emphasis-color);
15891
- background: var(--bs-tertiary-bg);
15892
- }
15893
- .docs-page .card > .card-body table tr:last-child td {
15894
- border-bottom: 0;
15895
- }
15896
- .docs-page .card > .card-body table code {
15897
- white-space: nowrap;
15898
- }
15899
- .docs-page .card > .card-body blockquote {
15900
- padding: 0.85rem 1.1rem;
15901
- margin-top: 1.25rem;
15902
- color: var(--bs-emphasis-color);
15903
- background: var(--bs-info-bg-subtle);
15904
- border-left: 4px solid var(--bs-info-border-subtle);
15905
- border-radius: 0.25rem;
15906
- }
15907
- .docs-page .card > .card-body blockquote p:last-child {
15908
- margin-bottom: 0;
15909
- }
15910
- .docs-page .card > .card-body blockquote code {
15911
- background: rgba(0, 0, 0, 0.05);
15912
- }
15913
- .docs-page .card > .card-body a:not(.btn):not(.nav-link) {
15914
- color: var(--bs-primary);
15915
- text-decoration: underline;
15916
- text-decoration-thickness: 1px;
15917
- text-underline-offset: 3px;
15918
- }
15919
- .docs-page .card > .card-body a:not(.btn):not(.nav-link):hover {
15920
- text-decoration-thickness: 2px;
15921
- }
15922
- .docs-page .card > .card-body hr {
15923
- margin: 2.5rem 0;
15924
- border: 0;
15925
- border-top: 1px solid var(--bs-border-color);
15926
- opacity: 1;
15927
- }
15928
- .docs-page .card > .card-body > p:first-child,
15929
- .docs-page .card > .card-body > p:first-of-type {
15930
- margin-bottom: 2rem;
15931
- font-size: 1.125rem;
15932
- line-height: 1.6;
15933
- color: var(--bs-body-color);
15934
- }
15935
- .docs-page .card > .card-body details.faq-item {
15936
- margin-bottom: 0.5rem;
15937
- overflow: hidden;
15938
- background: var(--bs-body-bg);
15939
- border: 1px solid var(--bs-border-color);
15940
- border-radius: 0.375rem;
15941
- transition: border-color 0.15s ease, box-shadow 0.15s ease;
15942
- }
15943
- @media (prefers-reduced-motion: reduce) {
15944
- .docs-page .card > .card-body details.faq-item {
15945
- transition: none;
15946
- }
15947
- }
15948
- .docs-page .card > .card-body details.faq-item:hover {
15949
- border-color: var(--bs-primary-border-subtle);
15950
- }
15951
- .docs-page .card > .card-body details.faq-item[open] {
15952
- background: var(--bs-body-bg);
15953
- border-color: var(--bs-primary-border-subtle);
15954
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
15955
- }
15956
- .docs-page .card > .card-body details.faq-item summary {
15957
- position: relative;
15958
- padding: 0.9rem 3rem 0.9rem 1.1rem;
15959
- font-size: 1rem;
15960
- font-weight: 600;
15961
- color: var(--bs-emphasis-color);
15962
- list-style: none;
15963
- cursor: pointer;
15964
- -webkit-user-select: none;
15965
- user-select: none;
15966
- transition: color 0.15s ease;
15967
- }
15968
- @media (prefers-reduced-motion: reduce) {
15969
- .docs-page .card > .card-body details.faq-item summary {
15970
- transition: none;
15971
- }
15972
- }
15973
- .docs-page .card > .card-body details.faq-item summary::-webkit-details-marker {
15974
- display: none;
15975
- }
15976
- .docs-page .card > .card-body details.faq-item summary::marker {
15977
- content: "";
15978
- }
15979
- .docs-page .card > .card-body details.faq-item summary:hover {
15980
- color: var(--bs-primary);
15981
- }
15982
- .docs-page .card > .card-body details.faq-item summary::after {
15983
- position: absolute;
15984
- top: 50%;
15985
- right: 1.1rem;
15986
- display: inline-block;
15987
- width: 0.55rem;
15988
- height: 0.55rem;
15989
- margin-top: -0.4rem;
15990
- content: "";
15991
- border-right: 2px solid currentcolor;
15992
- border-bottom: 2px solid currentcolor;
15993
- opacity: 0.55;
15994
- transform: rotate(45deg);
15995
- transition: transform 0.2s ease;
15996
- }
15997
- @media (prefers-reduced-motion: reduce) {
15998
- .docs-page .card > .card-body details.faq-item summary::after {
15999
- transition: none;
16000
- }
16001
- }
16002
- .docs-page .card > .card-body details.faq-item[open] > summary {
16003
- color: var(--bs-primary);
16004
- border-bottom: 1px solid var(--bs-border-color);
16005
- }
16006
- .docs-page .card > .card-body details.faq-item[open] > summary::after {
16007
- margin-top: -0.15rem;
16008
- opacity: 1;
16009
- transform: rotate(-135deg);
16010
- }
16011
- .docs-page .card > .card-body details.faq-item > *:not(summary) {
16012
- padding-right: 1.1rem;
16013
- padding-left: 1.1rem;
16014
- }
16015
- .docs-page .card > .card-body details.faq-item > *:not(summary):first-of-type {
16016
- padding-top: 1rem;
16017
- }
16018
- .docs-page .card > .card-body details.faq-item > *:not(summary):last-child {
16019
- padding-bottom: 1rem;
16020
- }
16021
- .docs-page .card > .card-body details.faq-item p,
16022
- .docs-page .card > .card-body details.faq-item ul,
16023
- .docs-page .card > .card-body details.faq-item ol {
16024
- margin-bottom: 0.65rem;
16025
- }
16026
- .docs-page .card > .card-body details.faq-item > *:last-child p:last-child,
16027
- .docs-page .card > .card-body details.faq-item > p:last-child,
16028
- .docs-page .card > .card-body details.faq-item > ul:last-child,
16029
- .docs-page .card > .card-body details.faq-item > ol:last-child {
16030
- margin-bottom: 0;
16031
- }
16032
- .docs-page .card > .card-body details.faq-item pre.astro-code,
16033
- .docs-page .card > .card-body details.faq-item pre {
16034
- margin-right: 0;
16035
- margin-left: 0;
16036
- }
16037
- .docs-page[data-bs-theme=dark] .card > .card-body blockquote code, [data-bs-theme=dark] .docs-page .card > .card-body blockquote code {
16038
- background: rgba(255, 255, 255, 0.08);
16039
- }
16040
-
16041
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
16042
- max-width: 64rem;
16043
- }
16044
- @media (min-width: 1400px) {
16045
- .faq-page .app-content > .container-fluid, .faq-page .app-content > .container-sm, .faq-page .app-content > .container-md, .faq-page .app-content > .container-lg, .faq-page .app-content > .container-xl, .faq-page .app-content > .container-xxl {
16046
- max-width: 72rem;
16047
- }
16048
- }
16049
- .faq-page .faq-hero {
16050
- position: relative;
16051
- padding: 3rem 1.5rem 2.5rem;
16052
- margin-top: 1rem;
16053
- overflow: hidden;
16054
- 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);
16055
- border: 1px solid var(--bs-border-color);
16056
- border-radius: 1rem;
16057
- }
16058
- .faq-page .faq-hero-eyebrow {
16059
- display: inline-flex;
16060
- gap: 0.4rem;
16061
- align-items: center;
16062
- padding: 0.35rem 0.85rem;
16063
- margin-bottom: 1rem;
16064
- font-size: 0.75rem;
16065
- font-weight: 600;
16066
- color: var(--bs-primary);
16067
- text-transform: uppercase;
16068
- letter-spacing: 0.08em;
16069
- background: var(--bs-primary-bg-subtle);
16070
- border: 1px solid var(--bs-primary-border-subtle);
16071
- border-radius: 50rem;
16072
- }
16073
- .faq-page .faq-hero-eyebrow .bi {
16074
- font-size: 0.9rem;
16075
- }
16076
- .faq-page .faq-hero-title {
16077
- margin: 0 0 0.5rem;
16078
- font-size: 2.25rem;
16079
- font-weight: 700;
16080
- line-height: 1.15;
16081
- color: var(--bs-emphasis-color);
16082
- }
16083
- @media (min-width: 768px) {
16084
- .faq-page .faq-hero-title {
16085
- font-size: 2.75rem;
16086
- }
16087
- }
16088
- .faq-page .faq-hero-lead {
16089
- max-width: 36rem;
16090
- margin: 0 auto 1.75rem;
16091
- font-size: 1.05rem;
16092
- line-height: 1.55;
16093
- color: var(--bs-secondary-color);
16094
- }
16095
- .faq-page .faq-search {
16096
- position: relative;
16097
- max-width: 32rem;
16098
- margin: 0 auto;
16099
- }
16100
- .faq-page .faq-search .form-control {
16101
- height: 3rem;
16102
- padding-right: 3rem;
16103
- padding-left: 3rem;
16104
- font-size: 1rem;
16105
- background: var(--bs-body-bg);
16106
- border-radius: 50rem;
16107
- transition: box-shadow 0.15s ease, border-color 0.15s ease;
16108
- }
16109
- @media (prefers-reduced-motion: reduce) {
16110
- .faq-page .faq-search .form-control {
16111
- transition: none;
16112
- }
16113
- }
16114
- .faq-page .faq-search .form-control:focus {
16115
- box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15);
16116
- }
16117
- .faq-page .faq-search-icon {
16118
- position: absolute;
16119
- top: 50%;
16120
- left: 1.2rem;
16121
- color: var(--bs-secondary-color);
16122
- pointer-events: none;
16123
- transform: translateY(-50%);
16124
- }
16125
- .faq-page .faq-search-clear {
16126
- position: absolute;
16127
- top: 50%;
16128
- right: 0.65rem;
16129
- display: inline-flex;
16130
- align-items: center;
16131
- justify-content: center;
16132
- width: 2rem;
16133
- height: 2rem;
16134
- padding: 0;
16135
- color: var(--bs-secondary-color);
16136
- background: var(--bs-tertiary-bg);
16137
- border: 0;
16138
- transform: translateY(-50%);
16139
- border-radius: 50%;
16140
- transition: background 0.15s ease, color 0.15s ease;
16141
- }
16142
- @media (prefers-reduced-motion: reduce) {
16143
- .faq-page .faq-search-clear {
16144
- transition: none;
16145
- }
16146
- }
16147
- .faq-page .faq-search-clear:hover {
16148
- color: var(--bs-body-color);
16149
- background: var(--bs-secondary-bg);
16150
- }
16151
- .faq-page .faq-empty-state {
16152
- max-width: 32rem;
16153
- padding: 1rem;
16154
- margin: 1.5rem auto 0;
16155
- font-size: 0.95rem;
16156
- color: var(--bs-secondary-color);
16157
- background: var(--bs-tertiary-bg);
16158
- border-radius: 0.375rem;
16159
- }
16160
- .faq-page .faq-empty-state .bi {
16161
- margin-right: 0.35rem;
16162
- }
16163
- .faq-page .faq-chips {
16164
- display: flex;
16165
- flex-wrap: wrap;
16166
- gap: 0.5rem;
16167
- justify-content: center;
16168
- }
16169
- .faq-page .faq-chip {
16170
- display: inline-flex;
16171
- gap: 0.45rem;
16172
- align-items: center;
16173
- padding: 0.45rem 0.85rem;
16174
- font-size: 0.875rem;
16175
- font-weight: 500;
16176
- color: var(--bs-body-color);
16177
- text-decoration: none;
16178
- background: var(--bs-body-bg);
16179
- border: 1px solid var(--bs-border-color);
16180
- border-radius: 50rem;
16181
- transition: transform 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
16182
- }
16183
- @media (prefers-reduced-motion: reduce) {
16184
- .faq-page .faq-chip {
16185
- transition: none;
16186
- }
16187
- }
16188
- .faq-page .faq-chip:hover {
16189
- color: var(--bs-emphasis-color);
16190
- background: var(--bs-tertiary-bg);
16191
- transform: translateY(-1px);
16192
- }
16193
- .faq-page .faq-chip .bi {
16194
- font-size: 1rem;
16195
- }
16196
- .faq-page .faq-chip-count {
16197
- padding: 0 0.45rem;
16198
- font-size: 0.7rem;
16199
- font-weight: 600;
16200
- color: var(--bs-secondary-color);
16201
- background: var(--bs-tertiary-bg);
16202
- border-radius: 50rem;
16203
- }
16204
- .faq-page .faq-chip-primary:hover {
16205
- color: var(--bs-primary-text-emphasis);
16206
- background: var(--bs-primary-bg-subtle);
16207
- border-color: var(--bs-primary-border-subtle);
16208
- }
16209
- .faq-page .faq-chip-primary:hover .faq-chip-count {
16210
- color: var(--bs-primary-text-emphasis);
16211
- background: rgba(0, 0, 0, 0.06);
16212
- }
16213
- .faq-page .faq-chip-info:hover {
16214
- color: var(--bs-info-text-emphasis);
16215
- background: var(--bs-info-bg-subtle);
16216
- border-color: var(--bs-info-border-subtle);
16217
- }
16218
- .faq-page .faq-chip-info:hover .faq-chip-count {
16219
- color: var(--bs-info-text-emphasis);
16220
- background: rgba(0, 0, 0, 0.06);
16221
- }
16222
- .faq-page .faq-chip-warning:hover {
16223
- color: var(--bs-warning-text-emphasis);
16224
- background: var(--bs-warning-bg-subtle);
16225
- border-color: var(--bs-warning-border-subtle);
16226
- }
16227
- .faq-page .faq-chip-warning:hover .faq-chip-count {
16228
- color: var(--bs-warning-text-emphasis);
16229
- background: rgba(0, 0, 0, 0.06);
16230
- }
16231
- .faq-page .faq-chip-success:hover {
16232
- color: var(--bs-success-text-emphasis);
16233
- background: var(--bs-success-bg-subtle);
16234
- border-color: var(--bs-success-border-subtle);
16235
- }
16236
- .faq-page .faq-chip-success:hover .faq-chip-count {
16237
- color: var(--bs-success-text-emphasis);
16238
- background: rgba(0, 0, 0, 0.06);
16239
- }
16240
- .faq-page .faq-chip-danger:hover {
16241
- color: var(--bs-danger-text-emphasis);
16242
- background: var(--bs-danger-bg-subtle);
16243
- border-color: var(--bs-danger-border-subtle);
16244
- }
16245
- .faq-page .faq-chip-danger:hover .faq-chip-count {
16246
- color: var(--bs-danger-text-emphasis);
16247
- background: rgba(0, 0, 0, 0.06);
16248
- }
16249
- .faq-page .faq-chip-secondary:hover {
16250
- color: var(--bs-secondary-text-emphasis);
16251
- background: var(--bs-secondary-bg-subtle);
16252
- border-color: var(--bs-secondary-border-subtle);
16253
- }
16254
- .faq-page .faq-chip-secondary:hover .faq-chip-count {
16255
- color: var(--bs-secondary-text-emphasis);
16256
- background: rgba(0, 0, 0, 0.06);
16257
- }
16258
- .faq-page .faq-section {
16259
- margin-bottom: 2.5rem;
16260
- scroll-margin-top: 5rem;
16261
- }
16262
- .faq-page .faq-section-header {
16263
- display: flex;
16264
- gap: 1rem;
16265
- align-items: center;
16266
- padding: 1rem 1.25rem;
16267
- margin-bottom: 1rem;
16268
- background: var(--bs-body-bg);
16269
- border: 1px solid var(--bs-border-color);
16270
- border-left: 4px solid var(--bs-primary);
16271
- border-radius: 0.375rem;
16272
- }
16273
- .faq-page .faq-section-icon {
16274
- display: inline-flex;
16275
- flex-shrink: 0;
16276
- align-items: center;
16277
- justify-content: center;
16278
- width: 2.75rem;
16279
- height: 2.75rem;
16280
- font-size: 1.35rem;
16281
- color: var(--bs-primary);
16282
- background: var(--bs-primary-bg-subtle);
16283
- border-radius: 0.375rem;
16284
- }
16285
- .faq-page .faq-section-title {
16286
- margin: 0;
16287
- font-size: 1.4rem;
16288
- font-weight: 600;
16289
- line-height: 1.2;
16290
- color: var(--bs-emphasis-color);
16291
- }
16292
- .faq-page .faq-section-count {
16293
- margin: 0.1rem 0 0;
16294
- font-size: 0.8rem;
16295
- color: var(--bs-secondary-color);
16296
- }
16297
- .faq-page .faq-section-primary {
16298
- border-left-color: var(--bs-primary);
16299
- }
16300
- .faq-page .faq-section-primary .faq-section-icon {
16301
- color: var(--bs-primary-text-emphasis);
16302
- background: var(--bs-primary-bg-subtle);
16303
- }
16304
- .faq-page .faq-section-info {
16305
- border-left-color: var(--bs-info);
16306
- }
16307
- .faq-page .faq-section-info .faq-section-icon {
16308
- color: var(--bs-info-text-emphasis);
16309
- background: var(--bs-info-bg-subtle);
16310
- }
16311
- .faq-page .faq-section-warning {
16312
- border-left-color: var(--bs-warning);
16313
- }
16314
- .faq-page .faq-section-warning .faq-section-icon {
16315
- color: var(--bs-warning-text-emphasis);
16316
- background: var(--bs-warning-bg-subtle);
16317
- }
16318
- .faq-page .faq-section-success {
16319
- border-left-color: var(--bs-success);
16320
- }
16321
- .faq-page .faq-section-success .faq-section-icon {
16322
- color: var(--bs-success-text-emphasis);
16323
- background: var(--bs-success-bg-subtle);
16324
- }
16325
- .faq-page .faq-section-danger {
16326
- border-left-color: var(--bs-danger);
16327
- }
16328
- .faq-page .faq-section-danger .faq-section-icon {
16329
- color: var(--bs-danger-text-emphasis);
16330
- background: var(--bs-danger-bg-subtle);
16331
- }
16332
- .faq-page .faq-section-secondary {
16333
- border-left-color: var(--bs-secondary);
16334
- }
16335
- .faq-page .faq-section-secondary .faq-section-icon {
16336
- color: var(--bs-secondary-text-emphasis);
16337
- background: var(--bs-secondary-bg-subtle);
16338
- }
16339
- .faq-page .faq-section-items .faq-item {
16340
- margin-bottom: 0.5rem;
16341
- overflow: hidden;
16342
- background: var(--bs-body-bg);
16343
- border: 1px solid var(--bs-border-color);
16344
- border-radius: 0.375rem;
16345
- transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
16346
- }
16347
- @media (prefers-reduced-motion: reduce) {
16348
- .faq-page .faq-section-items .faq-item {
16349
- transition: none;
16350
- }
16351
- }
16352
- .faq-page .faq-section-items .faq-item:hover {
16353
- border-color: var(--bs-primary-border-subtle);
16354
- transform: translateX(2px);
16355
- }
16356
- .faq-page .faq-section-items .faq-item[open] {
16357
- border-color: var(--bs-primary-border-subtle);
16358
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
16359
- transform: none;
16360
- }
16361
- .faq-page .faq-section-items .faq-item summary {
16362
- display: flex;
16363
- gap: 0.85rem;
16364
- align-items: center;
16365
- padding: 1rem 1.25rem;
16366
- font-size: 1rem;
16367
- font-weight: 500;
16368
- color: var(--bs-emphasis-color);
16369
- list-style: none;
16370
- cursor: pointer;
16371
- -webkit-user-select: none;
16372
- user-select: none;
16373
- }
16374
- .faq-page .faq-section-items .faq-item summary::-webkit-details-marker {
16375
- display: none;
16376
- }
16377
- .faq-page .faq-section-items .faq-item summary::marker {
16378
- content: "";
16379
- }
16380
- .faq-page .faq-section-items .faq-item summary::after {
16381
- content: none;
16382
- }
16383
- .faq-page .faq-section-items .faq-item .faq-q-icon {
16384
- display: inline-flex;
16385
- flex-shrink: 0;
16386
- align-items: center;
16387
- justify-content: center;
16388
- width: 1.75rem;
16389
- height: 1.75rem;
16390
- font-size: 0.85rem;
16391
- color: var(--bs-primary);
16392
- background: var(--bs-primary-bg-subtle);
16393
- border-radius: 50%;
16394
- }
16395
- .faq-page .faq-section-items .faq-item .faq-q-text {
16396
- flex-grow: 1;
16397
- }
16398
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
16399
- flex-shrink: 0;
16400
- color: var(--bs-secondary-color);
16401
- transition: transform 0.2s ease, color 0.2s ease;
16402
- }
16403
- @media (prefers-reduced-motion: reduce) {
16404
- .faq-page .faq-section-items .faq-item .faq-q-chevron {
16405
- transition: none;
16406
- }
16407
- }
16408
- .faq-page .faq-section-items .faq-item[open] .faq-q-chevron {
16409
- color: var(--bs-primary);
16410
- transform: rotate(180deg);
16411
- }
16412
- .faq-page .faq-section-items .faq-item[open] summary {
16413
- color: var(--bs-primary);
16414
- border-bottom: 1px solid var(--bs-border-color);
16415
- }
16416
- .faq-page .faq-section-items .faq-item .faq-answer {
16417
- padding: 1.1rem 1.25rem 1.1rem 3.85rem;
16418
- font-size: 0.95rem;
16419
- line-height: 1.65;
16420
- color: var(--bs-body-color);
16421
- }
16422
- .faq-page .faq-section-items .faq-item .faq-answer p:last-child,
16423
- .faq-page .faq-section-items .faq-item .faq-answer ul:last-child,
16424
- .faq-page .faq-section-items .faq-item .faq-answer ol:last-child,
16425
- .faq-page .faq-section-items .faq-item .faq-answer pre:last-child {
16426
- margin-bottom: 0;
16427
- }
16428
- .faq-page .faq-section-items .faq-item .faq-answer a {
16429
- color: var(--bs-primary);
16430
- text-decoration: underline;
16431
- text-underline-offset: 2px;
16432
- }
16433
- .faq-page .faq-section-items .faq-item .faq-answer a:hover {
16434
- text-decoration-thickness: 2px;
16435
- }
16436
- .faq-page .faq-section-items .faq-item .faq-answer code {
16437
- padding: 0.12em 0.35em;
16438
- font-size: 0.875em;
16439
- color: var(--bs-emphasis-color);
16440
- background: var(--bs-tertiary-bg);
16441
- border: 1px solid var(--bs-border-color);
16442
- border-radius: 0.25rem;
16443
- }
16444
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code,
16445
- .faq-page .faq-section-items .faq-item .faq-answer pre {
16446
- padding: 0.85rem 1rem;
16447
- margin-top: 0.75rem;
16448
- margin-bottom: 0.75rem;
16449
- overflow-x: auto;
16450
- font-size: 0.85rem;
16451
- line-height: 1.55;
16452
- border-radius: 0.25rem;
16453
- }
16454
- .faq-page .faq-section-items .faq-item .faq-answer pre.astro-code code,
16455
- .faq-page .faq-section-items .faq-item .faq-answer pre code {
16456
- padding: 0;
16457
- background: transparent;
16458
- border: 0;
16459
- }
16460
- .faq-page .faq-cta {
16461
- padding: 2.5rem 1.5rem;
16462
- text-align: center;
16463
- background: radial-gradient(ellipse at top, rgba(var(--bs-primary-rgb), 0.08), transparent 60%), var(--bs-body-bg);
16464
- border: 1px solid var(--bs-border-color);
16465
- border-radius: 1rem;
16466
- }
16467
- .faq-page .faq-cta-icon {
16468
- display: inline-flex;
16469
- align-items: center;
16470
- justify-content: center;
16471
- width: 3.5rem;
16472
- height: 3.5rem;
16473
- margin-bottom: 1rem;
16474
- font-size: 1.6rem;
16475
- color: var(--bs-primary);
16476
- background: var(--bs-primary-bg-subtle);
16477
- border-radius: 50%;
16478
- }
16479
- .faq-page .faq-cta h2, .faq-page .faq-cta .h2 {
16480
- margin: 0 0 0.5rem;
16481
- font-size: 1.5rem;
16482
- font-weight: 600;
16483
- color: var(--bs-emphasis-color);
16484
- }
16485
- .faq-page .faq-cta p {
16486
- max-width: 32rem;
16487
- margin: 0 auto 1.5rem;
16488
- color: var(--bs-secondary-color);
16489
- }
16490
- .faq-page .faq-cta-actions {
16491
- display: inline-flex;
16492
- flex-wrap: wrap;
16493
- gap: 0.5rem;
16494
- justify-content: center;
16495
- }
16496
15716
 
16497
15717
  /*# sourceMappingURL=adminlte.css.map */