@clayui/css 3.45.0 → 3.48.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 (75) hide show
  1. package/README.md +23 -69
  2. package/lib/css/atlas.css +265 -97
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +219 -79
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/bootstrap.css.map +1 -1
  7. package/lib/css/cadmin.css +182 -76
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/export.svg +11 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/export.svg +11 -0
  13. package/src/scss/_cadmin-variables.scss +2 -0
  14. package/src/scss/_variables.scss +1 -0
  15. package/src/scss/atlas/variables/_buttons.scss +3 -0
  16. package/src/scss/atlas/variables/_cards.scss +12 -0
  17. package/src/scss/atlas/variables/_globals.scss +42 -13
  18. package/src/scss/atlas/variables/_list-group.scss +28 -12
  19. package/src/scss/atlas-variables.scss +2 -0
  20. package/src/scss/atlas.scss +2 -0
  21. package/src/scss/base-variables.scss +2 -0
  22. package/src/scss/base.scss +2 -0
  23. package/src/scss/cadmin/_variables.scss +1 -0
  24. package/src/scss/cadmin/components/_aspect-ratio.scss +25 -38
  25. package/src/scss/cadmin/components/_cards.scss +10 -120
  26. package/src/scss/cadmin/components/_empty-state.scss +36 -0
  27. package/src/scss/cadmin/components/_links.scss +0 -8
  28. package/src/scss/cadmin/components/_treeview.scss +58 -1
  29. package/src/scss/cadmin/components/_type.scss +27 -42
  30. package/src/scss/cadmin/components/_utilities-functional-important.scss +35 -15
  31. package/src/scss/cadmin/variables/_aspect-ratio.scss +26 -0
  32. package/src/scss/cadmin/variables/_cards.scss +164 -1
  33. package/src/scss/cadmin/variables/_empty-state.scss +23 -0
  34. package/src/scss/cadmin/variables/_globals.scss +173 -11
  35. package/src/scss/cadmin/variables/_links.scss +14 -0
  36. package/src/scss/cadmin/variables/_list-group.scss +32 -16
  37. package/src/scss/cadmin/variables/_sidebar.scss +1 -1
  38. package/src/scss/cadmin/variables/_treeview.scss +17 -1
  39. package/src/scss/cadmin/variables/_utilities.scss +42 -0
  40. package/src/scss/cadmin.scss +2 -0
  41. package/src/scss/components/_aspect-ratio.scss +25 -38
  42. package/src/scss/components/_cards.scss +28 -122
  43. package/src/scss/components/_custom-forms.scss +2 -2
  44. package/src/scss/components/_dropdowns.scss +0 -28
  45. package/src/scss/components/_empty-state.scss +30 -0
  46. package/src/scss/components/_links.scss +1 -9
  47. package/src/scss/components/_multi-step-nav.scss +11 -5
  48. package/src/scss/components/_tables.scss +0 -8
  49. package/src/scss/components/_treeview.scss +58 -1
  50. package/src/scss/components/_type.scss +27 -41
  51. package/src/scss/components/_utilities-functional-important.scss +35 -15
  52. package/src/scss/functions/_lx-icons-generated.scss +2 -0
  53. package/src/scss/mixins/_alerts.scss +180 -113
  54. package/src/scss/mixins/_buttons.scss +4 -0
  55. package/src/scss/mixins/_cards.scss +59 -25
  56. package/src/scss/mixins/_dropdown-menu.scss +17 -0
  57. package/src/scss/mixins/_grid.scss +29 -0
  58. package/src/scss/mixins/_links.scss +22 -2
  59. package/src/scss/variables/_aspect-ratio.scss +26 -0
  60. package/src/scss/variables/_buttons.scss +6 -0
  61. package/src/scss/variables/_cards.scss +158 -4
  62. package/src/scss/variables/_custom-forms.scss +19 -4
  63. package/src/scss/variables/_dropdowns.scss +45 -0
  64. package/src/scss/variables/_empty-state.scss +23 -0
  65. package/src/scss/variables/_globals.scss +172 -11
  66. package/src/scss/variables/_links.scss +21 -3
  67. package/src/scss/variables/_list-group.scss +22 -12
  68. package/src/scss/variables/_multi-step-nav.scss +6 -0
  69. package/src/scss/variables/_range.scss +4 -2
  70. package/src/scss/variables/_sidebar.scss +3 -3
  71. package/src/scss/variables/_stickers.scss +3 -3
  72. package/src/scss/variables/_tables.scss +14 -0
  73. package/src/scss/variables/_toggle-switch.scss +14 -2
  74. package/src/scss/variables/_treeview.scss +21 -1
  75. package/src/scss/variables/_utilities.scss +42 -0
@@ -861,6 +861,9 @@ html:not(#__):not(#___) .cadmin .aspect-ratio-3-to-2 {
861
861
  html:not(#__):not(#___) .cadmin .aspect-ratio-4-to-3 {
862
862
  padding-bottom: calc(3 / 4 * 100%);
863
863
  }
864
+ html:not(#__):not(#___) .cadmin .aspect-ratio-8-to-3 {
865
+ padding-bottom: calc(3 / 8 * 100%);
866
+ }
864
867
  html:not(#__):not(#___) .cadmin .aspect-ratio-8-to-5 {
865
868
  padding-bottom: calc(5 / 8 * 100%);
866
869
  }
@@ -4088,6 +4091,20 @@ html:not(#__):not(#___) .cadmin .c-empty-state-footer {
4088
4091
  overflow-wrap: break-word;
4089
4092
  word-wrap: break-word;
4090
4093
  }
4094
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm.c-empty-state-animation {
4095
+ margin: 2.5rem auto 2rem;
4096
+ max-width: 268px;
4097
+ }
4098
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-image {
4099
+ max-width: 120px;
4100
+ }
4101
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-title {
4102
+ font-size: 1rem;
4103
+ line-height: 1.5;
4104
+ }
4105
+ html:not(#__):not(#___) .cadmin .c-empty-state-sm .c-empty-state-text {
4106
+ font-size: 0.875rem;
4107
+ }
4091
4108
  html:not(#__):not(#___) .cadmin .label {
4092
4109
  border-color: #272833;
4093
4110
  border-radius: 2px;
@@ -4689,34 +4706,17 @@ html:not(#__):not(#___) .cadmin .card,
4689
4706
  html:not(#__):not(#___) .cadmin .card-horizontal {
4690
4707
  background-color: #fff;
4691
4708
  border-color: rgba(0, 0, 0, 0.125);
4709
+ border-radius: 4px;
4692
4710
  border-style: solid;
4693
4711
  border-width: 0px;
4694
- border-radius: 4px;
4695
4712
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
4696
4713
  display: block;
4697
4714
  margin-bottom: 24px;
4698
4715
  min-width: 0;
4699
4716
  position: relative;
4717
+ overflow-wrap: break-word;
4700
4718
  word-wrap: break-word;
4701
4719
  }
4702
- html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4703
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4704
- border-bottom-left-radius: calc(
4705
- 4px - 0px
4706
- );
4707
- border-top-left-radius: calc(
4708
- 4px - 0px
4709
- );
4710
- }
4711
- html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4712
- html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4713
- border-bottom-right-radius: calc(
4714
- 4px - 0px
4715
- );
4716
- border-top-right-radius: calc(
4717
- 4px - 0px
4718
- );
4719
- }
4720
4720
  html:not(#__):not(#___) .cadmin .card .aspect-ratio .label,
4721
4721
  html:not(#__):not(#___) .cadmin .card-horizontal .aspect-ratio .label {
4722
4722
  display: block;
@@ -4762,6 +4762,24 @@ html:not(#__):not(#___) .cadmin .card-horizontal > hr {
4762
4762
  margin-left: 0;
4763
4763
  margin-right: 0;
4764
4764
  }
4765
+ html:not(#__):not(#___) .cadmin .card .autofit-col:first-child,
4766
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:first-child {
4767
+ border-bottom-left-radius: calc(
4768
+ 4px - 0px
4769
+ );
4770
+ border-top-left-radius: calc(
4771
+ 4px - 0px
4772
+ );
4773
+ }
4774
+ html:not(#__):not(#___) .cadmin .card .autofit-col:last-child,
4775
+ html:not(#__):not(#___) .cadmin .card-horizontal .autofit-col:last-child {
4776
+ border-bottom-right-radius: calc(
4777
+ 4px - 0px
4778
+ );
4779
+ border-top-right-radius: calc(
4780
+ 4px - 0px
4781
+ );
4782
+ }
4765
4783
  html:not(#__):not(#___) .cadmin .card > .list-group:first-child .list-group-item:first-child,
4766
4784
  html:not(#__):not(#___) .cadmin .card-horizontal > .list-group:first-child .list-group-item:first-child {
4767
4785
  border-top-left-radius: 4px;
@@ -4796,10 +4814,12 @@ html:not(#__):not(#___) .cadmin .card-title {
4796
4814
  line-height: 1.5;
4797
4815
  margin-bottom: 0;
4798
4816
  }
4799
- html:not(#__):not(#___) .cadmin .card-title a {
4817
+ html:not(#__):not(#___) .cadmin .card-title[href],
4818
+ html:not(#__):not(#___) .cadmin .card-title [href] {
4800
4819
  color: #272833;
4801
4820
  }
4802
- html:not(#__):not(#___) .cadmin .card-title a:hover {
4821
+ html:not(#__):not(#___) .cadmin .card-title[href]:hover,
4822
+ html:not(#__):not(#___) .cadmin .card-title [href]:hover {
4803
4823
  color: #272833;
4804
4824
  }
4805
4825
  html:not(#__):not(#___) .cadmin .card-subtitle {
@@ -4809,10 +4829,12 @@ html:not(#__):not(#___) .cadmin .card-subtitle {
4809
4829
  margin-bottom: 0;
4810
4830
  margin-top: 0;
4811
4831
  }
4812
- html:not(#__):not(#___) .cadmin .card-subtitle a {
4832
+ html:not(#__):not(#___) .cadmin .card-subtitle[href],
4833
+ html:not(#__):not(#___) .cadmin .card-subtitle [href] {
4813
4834
  color: #6b6c7e;
4814
4835
  }
4815
- html:not(#__):not(#___) .cadmin .card-subtitle a:hover {
4836
+ html:not(#__):not(#___) .cadmin .card-subtitle[href]:hover,
4837
+ html:not(#__):not(#___) .cadmin .card-subtitle [href]:hover {
4816
4838
  color: #6b6c7e;
4817
4839
  }
4818
4840
  html:not(#__):not(#___) .cadmin .card-text:last-child {
@@ -4845,11 +4867,7 @@ html:not(#__):not(#___) .cadmin .card-header {
4845
4867
  padding: 12px 20px;
4846
4868
  }
4847
4869
  html:not(#__):not(#___) .cadmin .card-header:first-child {
4848
- border-radius: calc(
4849
- 4px - 0px
4850
- ) calc(
4851
- 4px - 0px
4852
- ) 0 0;
4870
+ border-radius: calc( 4px - 0px ) calc( 4px - 0px ) 0 0;
4853
4871
  }
4854
4872
  html:not(#__):not(#___) .cadmin .card-header + .list-group .list-group-item:first-child {
4855
4873
  border-top: 0;
@@ -4860,11 +4878,7 @@ html:not(#__):not(#___) .cadmin .card-footer {
4860
4878
  padding: 12px 20px;
4861
4879
  }
4862
4880
  html:not(#__):not(#___) .cadmin .card-footer:last-child {
4863
- border-radius: 0 0 calc(
4864
- 4px - 0px
4865
- ) calc(
4866
- 4px - 0px
4867
- );
4881
+ border-radius: 0 0 calc( 4px - 0px ) calc( 4px - 0px );
4868
4882
  }
4869
4883
  html:not(#__):not(#___) .cadmin .card-img-overlay {
4870
4884
  bottom: 0;
@@ -5927,6 +5941,9 @@ html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle:disabled, ht
5927
5941
  html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle .lexicon-icon {
5928
5942
  margin-top: 0;
5929
5943
  }
5944
+ html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle .inline-item .lexicon-icon {
5945
+ margin-top: 0;
5946
+ }
5930
5947
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item-indicator, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item-indicator {
5931
5948
  height: 16px;
5932
5949
  left: 20px;
@@ -7059,20 +7076,24 @@ html:not(#__):not(#___) .cadmin .component-title {
7059
7076
  margin-bottom: calc((32px - (1em * 1.25)) / 2);
7060
7077
  margin-top: calc((32px - (1em * 1.25)) / 2);
7061
7078
  }
7062
- html:not(#__):not(#___) .cadmin .component-title a {
7079
+ html:not(#__):not(#___) .cadmin .component-title[href],
7080
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7063
7081
  border-radius: 1px;
7064
7082
  color: #272833;
7065
7083
  transition: box-shadow 0.15s ease-in-out;
7066
7084
  }
7067
7085
  @media (prefers-reduced-motion: reduce) {
7068
- html:not(#__):not(#___) .cadmin .component-title a {
7086
+ html:not(#__):not(#___) .cadmin .component-title[href],
7087
+ html:not(#__):not(#___) .cadmin .component-title [href] {
7069
7088
  transition: none;
7070
7089
  }
7071
7090
  }
7072
- html:not(#__):not(#___) .cadmin .component-title a:hover {
7091
+ html:not(#__):not(#___) .cadmin .component-title[href]:hover,
7092
+ html:not(#__):not(#___) .cadmin .component-title [href]:hover {
7073
7093
  color: #060608;
7074
7094
  }
7075
- html:not(#__):not(#___) .cadmin .component-title a:focus {
7095
+ html:not(#__):not(#___) .cadmin .component-title[href]:focus,
7096
+ html:not(#__):not(#___) .cadmin .component-title [href]:focus {
7076
7097
  color: #060608;
7077
7098
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7078
7099
  outline: 0;
@@ -7083,20 +7104,24 @@ html:not(#__):not(#___) .cadmin .component-subtitle {
7083
7104
  line-height: 1.45;
7084
7105
  margin-bottom: 0;
7085
7106
  }
7086
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7107
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7108
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7087
7109
  border-radius: 1px;
7088
7110
  color: #6b6c7e;
7089
7111
  transition: box-shadow 0.15s ease-in-out;
7090
7112
  }
7091
7113
  @media (prefers-reduced-motion: reduce) {
7092
- html:not(#__):not(#___) .cadmin .component-subtitle a {
7114
+ html:not(#__):not(#___) .cadmin .component-subtitle[href],
7115
+ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7093
7116
  transition: none;
7094
7117
  }
7095
7118
  }
7096
- html:not(#__):not(#___) .cadmin .component-subtitle a:hover {
7119
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:hover,
7120
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:hover {
7097
7121
  color: #272833;
7098
7122
  }
7099
- html:not(#__):not(#___) .cadmin .component-subtitle a:focus {
7123
+ html:not(#__):not(#___) .cadmin .component-subtitle[href]:focus,
7124
+ html:not(#__):not(#___) .cadmin .component-subtitle [href]:focus {
7100
7125
  color: #272833;
7101
7126
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
7102
7127
  outline: 0;
@@ -9077,7 +9102,8 @@ html:not(#__):not(#___) .cadmin .list-group-title {
9077
9102
  margin-bottom: 0;
9078
9103
  margin-top: -4px;
9079
9104
  }
9080
- html:not(#__):not(#___) .cadmin .list-group-title a {
9105
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9106
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9081
9107
  border-radius: 1px;
9082
9108
  color: #272833;
9083
9109
  display: inline-block;
@@ -9085,14 +9111,17 @@ html:not(#__):not(#___) .cadmin .list-group-title a {
9085
9111
  max-width: 100%;
9086
9112
  }
9087
9113
  @media (prefers-reduced-motion: reduce) {
9088
- html:not(#__):not(#___) .cadmin .list-group-title a {
9114
+ html:not(#__):not(#___) .cadmin .list-group-title[href],
9115
+ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9089
9116
  transition: none;
9090
9117
  }
9091
9118
  }
9092
- html:not(#__):not(#___) .cadmin .list-group-title a:hover {
9119
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:hover,
9120
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:hover {
9093
9121
  color: #272833;
9094
9122
  }
9095
- html:not(#__):not(#___) .cadmin .list-group-title a:focus {
9123
+ html:not(#__):not(#___) .cadmin .list-group-title[href]:focus,
9124
+ html:not(#__):not(#___) .cadmin .list-group-title [href]:focus {
9096
9125
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9097
9126
  outline: 0;
9098
9127
  }
@@ -9100,7 +9129,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle {
9100
9129
  color: #6b6c7e;
9101
9130
  margin-bottom: 0;
9102
9131
  }
9103
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9132
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9133
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9104
9134
  border-radius: 1px;
9105
9135
  color: #6b6c7e;
9106
9136
  display: inline-block;
@@ -9108,14 +9138,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9108
9138
  transition: box-shadow 0.15s ease-in-out;
9109
9139
  }
9110
9140
  @media (prefers-reduced-motion: reduce) {
9111
- html:not(#__):not(#___) .cadmin .list-group-subtitle a {
9141
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9142
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9112
9143
  transition: none;
9113
9144
  }
9114
9145
  }
9115
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:hover {
9146
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:hover,
9147
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:hover {
9116
9148
  color: #272833;
9117
9149
  }
9118
- html:not(#__):not(#___) .cadmin .list-group-subtitle a:focus {
9150
+ html:not(#__):not(#___) .cadmin .list-group-subtitle[href]:focus,
9151
+ html:not(#__):not(#___) .cadmin .list-group-subtitle [href]:focus {
9119
9152
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9120
9153
  outline: 0;
9121
9154
  }
@@ -9124,7 +9157,8 @@ html:not(#__):not(#___) .cadmin .list-group-text {
9124
9157
  line-height: 1.45;
9125
9158
  margin-bottom: 0;
9126
9159
  }
9127
- html:not(#__):not(#___) .cadmin .list-group-text a {
9160
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9161
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9128
9162
  border-radius: 1px;
9129
9163
  color: #272833;
9130
9164
  display: inline-block;
@@ -9132,14 +9166,17 @@ html:not(#__):not(#___) .cadmin .list-group-text a {
9132
9166
  transition: box-shadow 0.15s ease-in-out;
9133
9167
  }
9134
9168
  @media (prefers-reduced-motion: reduce) {
9135
- html:not(#__):not(#___) .cadmin .list-group-text a {
9169
+ html:not(#__):not(#___) .cadmin .list-group-text[href],
9170
+ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9136
9171
  transition: none;
9137
9172
  }
9138
9173
  }
9139
- html:not(#__):not(#___) .cadmin .list-group-text a:hover {
9174
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:hover,
9175
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:hover {
9140
9176
  color: #272833;
9141
9177
  }
9142
- html:not(#__):not(#___) .cadmin .list-group-text a:focus {
9178
+ html:not(#__):not(#___) .cadmin .list-group-text[href]:focus,
9179
+ html:not(#__):not(#___) .cadmin .list-group-text [href]:focus {
9143
9180
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9144
9181
  outline: 0;
9145
9182
  }
@@ -9148,7 +9185,8 @@ html:not(#__):not(#___) .cadmin .list-group-subtext {
9148
9185
  line-height: 1.45;
9149
9186
  margin-bottom: 0;
9150
9187
  }
9151
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9188
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9189
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9152
9190
  border-radius: 1px;
9153
9191
  color: #6b6c7e;
9154
9192
  display: inline-block;
@@ -9156,14 +9194,17 @@ html:not(#__):not(#___) .cadmin .list-group-subtext a {
9156
9194
  transition: box-shadow 0.15s ease-in-out;
9157
9195
  }
9158
9196
  @media (prefers-reduced-motion: reduce) {
9159
- html:not(#__):not(#___) .cadmin .list-group-subtext a {
9197
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9198
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9160
9199
  transition: none;
9161
9200
  }
9162
9201
  }
9163
- html:not(#__):not(#___) .cadmin .list-group-subtext a:hover {
9202
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:hover,
9203
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:hover {
9164
9204
  color: #272833;
9165
9205
  }
9166
- html:not(#__):not(#___) .cadmin .list-group-subtext a:focus {
9206
+ html:not(#__):not(#___) .cadmin .list-group-subtext[href]:focus,
9207
+ html:not(#__):not(#___) .cadmin .list-group-subtext [href]:focus {
9167
9208
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
9168
9209
  outline: 0;
9169
9210
  }
@@ -14920,7 +14961,8 @@ html:not(#__):not(#___) .cadmin .sidebar-header .component-title {
14920
14961
  font-size: 20px;
14921
14962
  font-weight: 600;
14922
14963
  }
14923
- html:not(#__):not(#___) .cadmin .sidebar-header .component-title a {
14964
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title[href],
14965
+ html:not(#__):not(#___) .cadmin .sidebar-header .component-title [href] {
14924
14966
  color: #272833;
14925
14967
  }
14926
14968
  html:not(#__):not(#___) .cadmin .sidebar-header .component-subtitle {
@@ -15018,7 +15060,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light {
15018
15060
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title {
15019
15061
  font-size: 16px;
15020
15062
  }
15021
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title a {
15063
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title[href],
15064
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-list-group .list-group-title [href] {
15022
15065
  color: #272833;
15023
15066
  }
15024
15067
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
@@ -15027,7 +15070,8 @@ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-panel {
15027
15070
  html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dt {
15028
15071
  color: #6b6c7e;
15029
15072
  }
15030
- html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd a {
15073
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd[href],
15074
+ html:not(#__):not(#___) .cadmin .sidebar-light .sidebar-dd [href] {
15031
15075
  color: #272833;
15032
15076
  }
15033
15077
  html:not(#__):not(#___) .cadmin .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
@@ -15098,13 +15142,15 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .close:hover {
15098
15142
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title {
15099
15143
  color: inherit;
15100
15144
  }
15101
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title a {
15145
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title[href],
15146
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-title [href] {
15102
15147
  color: inherit;
15103
15148
  }
15104
15149
  html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle {
15105
15150
  color: inherit;
15106
15151
  }
15107
- html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle a {
15152
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle[href],
15153
+ html:not(#__):not(#___) .cadmin .sidebar-dark .sidebar-header .component-subtitle [href] {
15108
15154
  color: inherit;
15109
15155
  }
15110
15156
  html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
@@ -17779,6 +17825,7 @@ html:not(#__):not(#___) .cadmin .treeview-item {
17779
17825
  word-wrap: break-word;
17780
17826
  }
17781
17827
  html:not(#__):not(#___) .cadmin .treeview-link {
17828
+ background-color: transparent;
17782
17829
  cursor: pointer;
17783
17830
  display: block;
17784
17831
  border-color: transparent;
@@ -17789,6 +17836,7 @@ html:not(#__):not(#___) .cadmin .treeview-link {
17789
17836
  min-width: 100%;
17790
17837
  padding: 0;
17791
17838
  position: relative;
17839
+ text-align: left;
17792
17840
  -ms-user-select: none;
17793
17841
  -moz-user-select: none;
17794
17842
  -webkit-user-select: none;
@@ -17801,6 +17849,9 @@ html:not(#__):not(#___) .cadmin .treeview-link:focus {
17801
17849
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
17802
17850
  outline: 0;
17803
17851
  }
17852
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-link.disabled {
17853
+ cursor: not-allowed;
17854
+ }
17804
17855
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-bottom {
17805
17856
  box-shadow: 0 2px 0 0 #80acff;
17806
17857
  }
@@ -17812,7 +17863,10 @@ html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-top {
17812
17863
  box-shadow: 0 -2px 0 0 #80acff;
17813
17864
  }
17814
17865
  html:not(#__):not(#___) .cadmin .treeview-link.hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link:hover .component-action, html:not(#__):not(#___) .cadmin .treeview-link.focus .component-action, html:not(#__):not(#___) .cadmin .treeview-link:focus .component-action {
17815
- display: block;
17866
+ display: flex;
17867
+ }
17868
+ html:not(#__):not(#___) .cadmin .treeview-link:disabled .component-action, html:not(#__):not(#___) .cadmin .treeview-link.disabled .component-action {
17869
+ display: none;
17816
17870
  }
17817
17871
  html:not(#__):not(#___) .cadmin .treeview-link.show .component-expander .component-expanded-d-none, html:not(#__):not(#___) .cadmin .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
17818
17872
  display: none;
@@ -17850,6 +17904,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .component-expander {
17850
17904
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander:hover {
17851
17905
  color: #0b5fff;
17852
17906
  }
17907
+ html:not(#__):not(#___) .cadmin .treeview-light .component-expander:disabled, html:not(#__):not(#___) .cadmin .treeview-light .component-expander.disabled {
17908
+ color: #6b6c7e;
17909
+ opacity: 0.5;
17910
+ }
17853
17911
  html:not(#__):not(#___) .cadmin .treeview-light .component-expander.btn-secondary {
17854
17912
  background-color: #fff;
17855
17913
  }
@@ -17868,6 +17926,10 @@ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.active {
17868
17926
  background-color: #f1f2f5;
17869
17927
  color: #272833;
17870
17928
  }
17929
+ html:not(#__):not(#___) .cadmin .treeview-light .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-light .treeview-link.disabled {
17930
+ background-color: transparent;
17931
+ color: rgba(107, 108, 126, 0.5);
17932
+ }
17871
17933
  html:not(#__):not(#___) .cadmin .treeview-dark .component-expander {
17872
17934
  color: #a7a9bc;
17873
17935
  }
@@ -17886,11 +17948,14 @@ html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.active {
17886
17948
  }
17887
17949
  html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .treeview-link.disabled {
17888
17950
  background-color: transparent;
17889
- color: rgba(167, 169, 188, 0.04);
17951
+ color: rgba(167, 169, 188, 0.5);
17890
17952
  }
17891
17953
  html:not(#__):not(#___) .cadmin .treeview-dark .component-action {
17892
17954
  color: #a7a9bc;
17893
17955
  }
17956
+ html:not(#__):not(#___) .cadmin .treeview-dark .component-action:disabled, html:not(#__):not(#___) .cadmin .treeview-dark .component-action.disabled {
17957
+ color: #a7a9bc;
17958
+ }
17894
17959
  html:not(#__):not(#___) .cadmin .bg-checkered {
17895
17960
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
17896
17961
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
@@ -24642,9 +24707,6 @@ html:not(#__):not(#___) .cadmin .stretched-link::after {
24642
24707
  top: 0;
24643
24708
  z-index: 1;
24644
24709
  }
24645
- html:not(#__):not(#___) .cadmin .text-monospace {
24646
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
24647
- }
24648
24710
  html:not(#__):not(#___) .cadmin .text-justify {
24649
24711
  text-align: justify !important;
24650
24712
  }
@@ -24721,27 +24783,71 @@ html:not(#__):not(#___) .cadmin .text-uppercase {
24721
24783
  html:not(#__):not(#___) .cadmin .text-capitalize {
24722
24784
  text-transform: capitalize !important;
24723
24785
  }
24724
- html:not(#__):not(#___) .cadmin .font-weight-light {
24725
- font-weight: 300 !important;
24726
- }
24727
- html:not(#__):not(#___) .cadmin .font-weight-lighter {
24786
+ html:not(#__):not(#___) .cadmin .font-weight-lighter,
24787
+ html:not(#__):not(#___) .cadmin .text-weight-lighter {
24728
24788
  font-weight: lighter !important;
24729
24789
  }
24730
- html:not(#__):not(#___) .cadmin .font-weight-normal {
24790
+ html:not(#__):not(#___) .cadmin .font-weight-light,
24791
+ html:not(#__):not(#___) .cadmin .text-weight-light {
24792
+ font-weight: 300 !important;
24793
+ }
24794
+ html:not(#__):not(#___) .cadmin .font-weight-normal,
24795
+ html:not(#__):not(#___) .cadmin .text-weight-normal {
24731
24796
  font-weight: 400 !important;
24732
24797
  }
24733
- html:not(#__):not(#___) .cadmin .font-weight-semi-bold {
24798
+ html:not(#__):not(#___) .cadmin .font-weight-semi-bold,
24799
+ html:not(#__):not(#___) .cadmin .text-weight-semi-bold {
24734
24800
  font-weight: 600 !important;
24735
24801
  }
24736
- html:not(#__):not(#___) .cadmin .font-weight-bold {
24802
+ html:not(#__):not(#___) .cadmin .font-weight-bold,
24803
+ html:not(#__):not(#___) .cadmin .text-weight-bold {
24737
24804
  font-weight: 700 !important;
24738
24805
  }
24739
- html:not(#__):not(#___) .cadmin .font-weight-bolder {
24806
+ html:not(#__):not(#___) .cadmin .font-weight-bolder,
24807
+ html:not(#__):not(#___) .cadmin .text-weight-bolder {
24740
24808
  font-weight: 900 !important;
24741
24809
  }
24742
- html:not(#__):not(#___) .cadmin .font-italic {
24810
+ html:not(#__):not(#___) .cadmin .font-italic,
24811
+ html:not(#__):not(#___) .cadmin .text-italic {
24743
24812
  font-style: italic !important;
24744
24813
  }
24814
+ html:not(#__):not(#___) .cadmin .font-monospace,
24815
+ html:not(#__):not(#___) .cadmin .text-monospace {
24816
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
24817
+ }
24818
+ html:not(#__):not(#___) .cadmin .text-1 {
24819
+ font-size: 0.625rem;
24820
+ }
24821
+ html:not(#__):not(#___) .cadmin .text-2 {
24822
+ font-size: 0.75rem;
24823
+ }
24824
+ html:not(#__):not(#___) .cadmin .text-3 {
24825
+ font-size: 0.875rem;
24826
+ }
24827
+ html:not(#__):not(#___) .cadmin .text-4 {
24828
+ font-size: 1rem;
24829
+ }
24830
+ html:not(#__):not(#___) .cadmin .text-5 {
24831
+ font-size: 1.125rem;
24832
+ }
24833
+ html:not(#__):not(#___) .cadmin .text-6 {
24834
+ font-size: 1.25rem;
24835
+ }
24836
+ html:not(#__):not(#___) .cadmin .text-7 {
24837
+ font-size: 1.5rem;
24838
+ }
24839
+ html:not(#__):not(#___) .cadmin .text-8 {
24840
+ font-size: 1.75rem;
24841
+ }
24842
+ html:not(#__):not(#___) .cadmin .text-9 {
24843
+ font-size: 2rem;
24844
+ }
24845
+ html:not(#__):not(#___) .cadmin .text-10 {
24846
+ font-size: 2.25rem;
24847
+ }
24848
+ html:not(#__):not(#___) .cadmin .text-11 {
24849
+ font-size: 2.5rem;
24850
+ }
24745
24851
  html:not(#__):not(#___) .cadmin .text-white {
24746
24852
  color: #fff !important;
24747
24853
  }