@clayui/css 3.44.0 → 3.46.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 (60) hide show
  1. package/README.md +23 -69
  2. package/lib/css/atlas.css +316 -14
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +306 -14
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/bootstrap.css.map +1 -1
  7. package/lib/css/cadmin.css +82 -26
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/add-cell.svg +1 -1
  10. package/lib/images/icons/corner-radius.svg +12 -0
  11. package/lib/images/icons/export.svg +11 -0
  12. package/lib/images/icons/font-family.svg +10 -0
  13. package/lib/images/icons/font-size.svg +10 -0
  14. package/lib/images/icons/icons.svg +1 -1
  15. package/lib/images/icons/shadow.svg +9 -0
  16. package/package.json +2 -2
  17. package/src/images/icons/add-cell.svg +1 -1
  18. package/src/images/icons/corner-radius.svg +12 -0
  19. package/src/images/icons/export.svg +11 -0
  20. package/src/images/icons/font-family.svg +10 -0
  21. package/src/images/icons/font-size.svg +10 -0
  22. package/src/images/icons/shadow.svg +9 -0
  23. package/src/scss/_components.scss +1 -0
  24. package/src/scss/_variables.scss +2 -0
  25. package/src/scss/atlas/variables/_buttons.scss +3 -0
  26. package/src/scss/atlas/variables/_forms.scss +2 -1
  27. package/src/scss/atlas/variables/_globals.scss +42 -13
  28. package/src/scss/cadmin/_variables.scss +1 -0
  29. package/src/scss/cadmin/components/_aspect-ratio.scss +25 -38
  30. package/src/scss/cadmin/components/_custom-forms.scss +4 -0
  31. package/src/scss/cadmin/components/_forms.scss +1 -1
  32. package/src/scss/cadmin/components/_links.scss +1 -6
  33. package/src/scss/cadmin/components/_navs.scss +8 -0
  34. package/src/scss/cadmin/components/_treeview.scss +135 -211
  35. package/src/scss/cadmin/components/_type.scss +27 -42
  36. package/src/scss/cadmin/components/_utilities-functional-important.scss +35 -15
  37. package/src/scss/cadmin/variables/_aspect-ratio.scss +26 -0
  38. package/src/scss/cadmin/variables/_custom-forms.scss +3 -0
  39. package/src/scss/cadmin/variables/_forms.scss +3 -2
  40. package/src/scss/cadmin/variables/_globals.scss +173 -11
  41. package/src/scss/cadmin/variables/_navs.scss +1 -0
  42. package/src/scss/cadmin/variables/_treeview.scss +21 -16
  43. package/src/scss/cadmin/variables/_utilities.scss +42 -0
  44. package/src/scss/components/_aspect-ratio.scss +25 -38
  45. package/src/scss/components/_forms.scss +1 -1
  46. package/src/scss/components/_links.scss +12 -0
  47. package/src/scss/components/_treeview.scss +310 -0
  48. package/src/scss/components/_type.scss +27 -41
  49. package/src/scss/components/_utilities-functional-important.scss +35 -15
  50. package/src/scss/functions/_lx-icons-generated.scss +10 -0
  51. package/src/scss/mixins/_buttons.scss +31 -64
  52. package/src/scss/mixins/_cards.scss +8 -0
  53. package/src/scss/mixins/_grid.scss +29 -0
  54. package/src/scss/variables/_aspect-ratio.scss +26 -0
  55. package/src/scss/variables/_buttons.scss +6 -0
  56. package/src/scss/variables/_forms.scss +3 -2
  57. package/src/scss/variables/_globals.scss +172 -11
  58. package/src/scss/variables/_links.scss +17 -0
  59. package/src/scss/variables/_treeview.scss +222 -0
  60. package/src/scss/variables/_utilities.scss +42 -0
@@ -143,7 +143,7 @@ html:not(#__):not(#___) .cadmin th,
143
143
  html:not(#__):not(#___) .cadmin thead,
144
144
  html:not(#__):not(#___) .cadmin tr,
145
145
  html:not(#__):not(#___) .cadmin ul,
146
- html:not(#__):not(#___) .cadmin var {
146
+ html:not(#__):not(#___) .cadmin var, html:not(#__):not(#___) .cadmin .nav-link::before, html:not(#__):not(#___) .cadmin .custom-control-label::before, html:not(#__):not(#___) .cadmin .nav-link::after, html:not(#__):not(#___) .cadmin .custom-control-label::after {
147
147
  animation: none;
148
148
  background-color: transparent;
149
149
  background-image: none;
@@ -182,6 +182,11 @@ html:not(#__):not(#___) .cadmin var {
182
182
  word-spacing: inherit;
183
183
  }
184
184
 
185
+ html:not(#__):not(#___) .cadmin .nav-link::before, html:not(#__):not(#___) .cadmin .custom-control-label::before, html:not(#__):not(#___) .cadmin .nav-link::after, html:not(#__):not(#___) .cadmin .custom-control-label::after {
186
+ content: normal;
187
+ display: inline;
188
+ }
189
+
185
190
  /* REUSE-Snippet-Begin
186
191
  * SPDX-License-Identifier: MIT
187
192
  * SPDX-FileCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
@@ -856,6 +861,9 @@ html:not(#__):not(#___) .cadmin .aspect-ratio-3-to-2 {
856
861
  html:not(#__):not(#___) .cadmin .aspect-ratio-4-to-3 {
857
862
  padding-bottom: calc(3 / 4 * 100%);
858
863
  }
864
+ html:not(#__):not(#___) .cadmin .aspect-ratio-8-to-3 {
865
+ padding-bottom: calc(3 / 8 * 100%);
866
+ }
859
867
  html:not(#__):not(#___) .cadmin .aspect-ratio-8-to-5 {
860
868
  padding-bottom: calc(5 / 8 * 100%);
861
869
  }
@@ -5922,6 +5930,9 @@ html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle:disabled, ht
5922
5930
  html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle .lexicon-icon {
5923
5931
  margin-top: 0;
5924
5932
  }
5933
+ html:not(#__):not(#___) .cadmin .dropdown-action > .dropdown-toggle .inline-item .lexicon-icon {
5934
+ margin-top: 0;
5935
+ }
5925
5936
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item-indicator, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item-indicator {
5926
5937
  height: 16px;
5927
5938
  left: 20px;
@@ -6322,10 +6333,11 @@ html:not(#__):not(#___) .cadmin .form-control[contenteditable] p {
6322
6333
  html:not(#__):not(#___) .cadmin .form-control .label {
6323
6334
  border-width: 1px;
6324
6335
  font-size: 12px;
6325
- height: 24px;
6336
+ height: auto;
6326
6337
  margin-bottom: 5px;
6327
6338
  margin-right: 10px;
6328
6339
  margin-top: 5px;
6340
+ min-height: 24px;
6329
6341
  text-transform: none;
6330
6342
  }
6331
6343
  html:not(#__):not(#___) .cadmin fieldset[disabled] .form-control {
@@ -7738,6 +7750,7 @@ html:not(#__):not(#___) .cadmin .custom-control label {
7738
7750
  display: inline;
7739
7751
  font-size: 16px;
7740
7752
  margin-bottom: 0;
7753
+ position: static;
7741
7754
  }
7742
7755
  html:not(#__):not(#___) .cadmin .custom-control-label {
7743
7756
  cursor: pointer;
@@ -7777,6 +7790,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label::before {
7777
7790
  top: 2px;
7778
7791
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7779
7792
  width: 16px;
7793
+ z-index: 0;
7780
7794
  }
7781
7795
  @media (prefers-reduced-motion: reduce) {
7782
7796
  html:not(#__):not(#___) .cadmin .custom-control-label::before {
@@ -7792,6 +7806,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label::after {
7792
7806
  position: absolute;
7793
7807
  top: 2px;
7794
7808
  width: 16px;
7809
+ z-index: 0;
7795
7810
  }
7796
7811
  html:not(#__):not(#___) .cadmin .custom-control-input {
7797
7812
  cursor: pointer;
@@ -10669,6 +10684,7 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
10669
10684
  color: #272833;
10670
10685
  }
10671
10686
  html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
10687
+ background-color: #80acff;
10672
10688
  content: "";
10673
10689
  height: 2px;
10674
10690
  }
@@ -17768,14 +17784,6 @@ html:not(#__):not(#___) .cadmin .treeview-item {
17768
17784
  overflow-wrap: break-word;
17769
17785
  word-wrap: break-word;
17770
17786
  }
17771
- html:not(#__):not(#___) .cadmin .treeview-item.disabled {
17772
- cursor: not-allowed;
17773
- opacity: 0.4;
17774
- }
17775
- html:not(#__):not(#___) .cadmin .treeview-item.disabled .treeview-dropping-bottom, html:not(#__):not(#___) .cadmin .treeview-item.disabled .treeview-dropping-middle, html:not(#__):not(#___) .cadmin .treeview-item.disabled .treeview-dropping-top {
17776
- border-color: transparent;
17777
- background-color: transparent;
17778
- }
17779
17787
  html:not(#__):not(#___) .cadmin .treeview-link {
17780
17788
  cursor: pointer;
17781
17789
  display: block;
@@ -17800,16 +17808,14 @@ html:not(#__):not(#___) .cadmin .treeview-link:focus {
17800
17808
  outline: 0;
17801
17809
  }
17802
17810
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-bottom {
17803
- border-bottom-width: 2px;
17804
- border-bottom-color: #80acff;
17811
+ box-shadow: 0 2px 0 0 #80acff;
17805
17812
  }
17806
17813
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-middle {
17807
17814
  background-color: #f0f5ff;
17808
17815
  border-color: #80acff;
17809
17816
  }
17810
17817
  html:not(#__):not(#___) .cadmin .treeview-link.treeview-dropping-top {
17811
- border-top-color: #80acff;
17812
- border-top-width: 2px;
17818
+ box-shadow: 0 -2px 0 0 #80acff;
17813
17819
  }
17814
17820
  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
17821
  display: block;
@@ -17823,6 +17829,15 @@ html:not(#__):not(#___) .cadmin .treeview-link.show .component-expander .lexicon
17823
17829
  html:not(#__):not(#___) .cadmin .treeview-nested-margins .treeview-group .treeview-item {
17824
17830
  margin-left: 24px;
17825
17831
  }
17832
+ html:not(#__):not(#___) .cadmin .treeview-item-dragging {
17833
+ cursor: not-allowed;
17834
+ opacity: 0.4;
17835
+ }
17836
+ html:not(#__):not(#___) .cadmin .treeview-item-dragging .treeview-link {
17837
+ background-color: transparent;
17838
+ border-color: transparent;
17839
+ box-shadow: none;
17840
+ }
17826
17841
  html:not(#__):not(#___) .cadmin .treeview-dragging {
17827
17842
  background-color: #fff;
17828
17843
  border-color: #80acff;
@@ -24633,9 +24648,6 @@ html:not(#__):not(#___) .cadmin .stretched-link::after {
24633
24648
  top: 0;
24634
24649
  z-index: 1;
24635
24650
  }
24636
- html:not(#__):not(#___) .cadmin .text-monospace {
24637
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
24638
- }
24639
24651
  html:not(#__):not(#___) .cadmin .text-justify {
24640
24652
  text-align: justify !important;
24641
24653
  }
@@ -24712,27 +24724,71 @@ html:not(#__):not(#___) .cadmin .text-uppercase {
24712
24724
  html:not(#__):not(#___) .cadmin .text-capitalize {
24713
24725
  text-transform: capitalize !important;
24714
24726
  }
24715
- html:not(#__):not(#___) .cadmin .font-weight-light {
24716
- font-weight: 300 !important;
24717
- }
24718
- html:not(#__):not(#___) .cadmin .font-weight-lighter {
24727
+ html:not(#__):not(#___) .cadmin .font-weight-lighter,
24728
+ html:not(#__):not(#___) .cadmin .text-weight-lighter {
24719
24729
  font-weight: lighter !important;
24720
24730
  }
24721
- html:not(#__):not(#___) .cadmin .font-weight-normal {
24731
+ html:not(#__):not(#___) .cadmin .font-weight-light,
24732
+ html:not(#__):not(#___) .cadmin .text-weight-light {
24733
+ font-weight: 300 !important;
24734
+ }
24735
+ html:not(#__):not(#___) .cadmin .font-weight-normal,
24736
+ html:not(#__):not(#___) .cadmin .text-weight-normal {
24722
24737
  font-weight: 400 !important;
24723
24738
  }
24724
- html:not(#__):not(#___) .cadmin .font-weight-semi-bold {
24739
+ html:not(#__):not(#___) .cadmin .font-weight-semi-bold,
24740
+ html:not(#__):not(#___) .cadmin .text-weight-semi-bold {
24725
24741
  font-weight: 600 !important;
24726
24742
  }
24727
- html:not(#__):not(#___) .cadmin .font-weight-bold {
24743
+ html:not(#__):not(#___) .cadmin .font-weight-bold,
24744
+ html:not(#__):not(#___) .cadmin .text-weight-bold {
24728
24745
  font-weight: 700 !important;
24729
24746
  }
24730
- html:not(#__):not(#___) .cadmin .font-weight-bolder {
24747
+ html:not(#__):not(#___) .cadmin .font-weight-bolder,
24748
+ html:not(#__):not(#___) .cadmin .text-weight-bolder {
24731
24749
  font-weight: 900 !important;
24732
24750
  }
24733
- html:not(#__):not(#___) .cadmin .font-italic {
24751
+ html:not(#__):not(#___) .cadmin .font-italic,
24752
+ html:not(#__):not(#___) .cadmin .text-italic {
24734
24753
  font-style: italic !important;
24735
24754
  }
24755
+ html:not(#__):not(#___) .cadmin .font-monospace,
24756
+ html:not(#__):not(#___) .cadmin .text-monospace {
24757
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
24758
+ }
24759
+ html:not(#__):not(#___) .cadmin .text-1 {
24760
+ font-size: 0.625rem;
24761
+ }
24762
+ html:not(#__):not(#___) .cadmin .text-2 {
24763
+ font-size: 0.75rem;
24764
+ }
24765
+ html:not(#__):not(#___) .cadmin .text-3 {
24766
+ font-size: 0.875rem;
24767
+ }
24768
+ html:not(#__):not(#___) .cadmin .text-4 {
24769
+ font-size: 1rem;
24770
+ }
24771
+ html:not(#__):not(#___) .cadmin .text-5 {
24772
+ font-size: 1.125rem;
24773
+ }
24774
+ html:not(#__):not(#___) .cadmin .text-6 {
24775
+ font-size: 1.25rem;
24776
+ }
24777
+ html:not(#__):not(#___) .cadmin .text-7 {
24778
+ font-size: 1.5rem;
24779
+ }
24780
+ html:not(#__):not(#___) .cadmin .text-8 {
24781
+ font-size: 1.75rem;
24782
+ }
24783
+ html:not(#__):not(#___) .cadmin .text-9 {
24784
+ font-size: 2rem;
24785
+ }
24786
+ html:not(#__):not(#___) .cadmin .text-10 {
24787
+ font-size: 2.25rem;
24788
+ }
24789
+ html:not(#__):not(#___) .cadmin .text-11 {
24790
+ font-size: 2.5rem;
24791
+ }
24736
24792
  html:not(#__):not(#___) .cadmin .text-white {
24737
24793
  color: #fff !important;
24738
24794
  }