@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.
- package/README.md +23 -69
- package/lib/css/atlas.css +316 -14
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +306 -14
- package/lib/css/base.css.map +1 -1
- package/lib/css/bootstrap.css.map +1 -1
- package/lib/css/cadmin.css +82 -26
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/add-cell.svg +1 -1
- package/lib/images/icons/corner-radius.svg +12 -0
- package/lib/images/icons/export.svg +11 -0
- package/lib/images/icons/font-family.svg +10 -0
- package/lib/images/icons/font-size.svg +10 -0
- package/lib/images/icons/icons.svg +1 -1
- package/lib/images/icons/shadow.svg +9 -0
- package/package.json +2 -2
- package/src/images/icons/add-cell.svg +1 -1
- package/src/images/icons/corner-radius.svg +12 -0
- package/src/images/icons/export.svg +11 -0
- package/src/images/icons/font-family.svg +10 -0
- package/src/images/icons/font-size.svg +10 -0
- package/src/images/icons/shadow.svg +9 -0
- package/src/scss/_components.scss +1 -0
- package/src/scss/_variables.scss +2 -0
- package/src/scss/atlas/variables/_buttons.scss +3 -0
- package/src/scss/atlas/variables/_forms.scss +2 -1
- package/src/scss/atlas/variables/_globals.scss +42 -13
- package/src/scss/cadmin/_variables.scss +1 -0
- package/src/scss/cadmin/components/_aspect-ratio.scss +25 -38
- package/src/scss/cadmin/components/_custom-forms.scss +4 -0
- package/src/scss/cadmin/components/_forms.scss +1 -1
- package/src/scss/cadmin/components/_links.scss +1 -6
- package/src/scss/cadmin/components/_navs.scss +8 -0
- package/src/scss/cadmin/components/_treeview.scss +135 -211
- package/src/scss/cadmin/components/_type.scss +27 -42
- package/src/scss/cadmin/components/_utilities-functional-important.scss +35 -15
- package/src/scss/cadmin/variables/_aspect-ratio.scss +26 -0
- package/src/scss/cadmin/variables/_custom-forms.scss +3 -0
- package/src/scss/cadmin/variables/_forms.scss +3 -2
- package/src/scss/cadmin/variables/_globals.scss +173 -11
- package/src/scss/cadmin/variables/_navs.scss +1 -0
- package/src/scss/cadmin/variables/_treeview.scss +21 -16
- package/src/scss/cadmin/variables/_utilities.scss +42 -0
- package/src/scss/components/_aspect-ratio.scss +25 -38
- package/src/scss/components/_forms.scss +1 -1
- package/src/scss/components/_links.scss +12 -0
- package/src/scss/components/_treeview.scss +310 -0
- package/src/scss/components/_type.scss +27 -41
- package/src/scss/components/_utilities-functional-important.scss +35 -15
- package/src/scss/functions/_lx-icons-generated.scss +10 -0
- package/src/scss/mixins/_buttons.scss +31 -64
- package/src/scss/mixins/_cards.scss +8 -0
- package/src/scss/mixins/_grid.scss +29 -0
- package/src/scss/variables/_aspect-ratio.scss +26 -0
- package/src/scss/variables/_buttons.scss +6 -0
- package/src/scss/variables/_forms.scss +3 -2
- package/src/scss/variables/_globals.scss +172 -11
- package/src/scss/variables/_links.scss +17 -0
- package/src/scss/variables/_treeview.scss +222 -0
- package/src/scss/variables/_utilities.scss +42 -0
package/lib/css/cadmin.css
CHANGED
|
@@ -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:
|
|
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
|
-
|
|
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
|
-
|
|
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-
|
|
24716
|
-
|
|
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-
|
|
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
|
}
|