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