@clayui/css 3.43.0 → 3.44.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 (21) hide show
  1. package/lib/css/atlas.css +154 -46
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +154 -46
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +134 -0
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/date-time.svg +12 -0
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/images/icons/date-time.svg +12 -0
  11. package/src/scss/cadmin/components/_input-groups.scss +2 -0
  12. package/src/scss/cadmin/components/_navs.scss +12 -0
  13. package/src/scss/cadmin/variables/_navs.scss +43 -1
  14. package/src/scss/components/_cards.scss +16 -116
  15. package/src/scss/components/_navs.scss +13 -1
  16. package/src/scss/functions/_lx-icons-generated.scss +2 -0
  17. package/src/scss/mixins/_cards.scss +746 -560
  18. package/src/scss/mixins/_custom-forms.scss +404 -383
  19. package/src/scss/mixins/_navbar.scss +32 -0
  20. package/src/scss/variables/_cards.scss +273 -1
  21. package/src/scss/variables/_navs.scss +43 -1
package/lib/css/atlas.css CHANGED
@@ -5725,31 +5725,22 @@ input[type=button].btn-block {
5725
5725
  margin-top: 0;
5726
5726
  padding-left: 0;
5727
5727
  }
5728
- .form-check-card .card {
5729
- margin-bottom: 0;
5730
- }
5731
- .form-check-card .custom-control {
5732
- display: inline;
5733
- margin-right: 0;
5734
- position: static;
5735
- }
5736
- .form-check-card .custom-control > label {
5737
- font-weight: 400;
5738
- padding-left: 0;
5728
+ .form-check-card:hover .card {
5729
+ box-shadow: 0 0 0 2px #80acff;
5739
5730
  }
5740
- .form-check-card .custom-control-input {
5741
- z-index: 2;
5731
+ .form-check-card.active .card {
5732
+ box-shadow: 0 0 0 2px #80acff;
5742
5733
  }
5743
- .form-check-card .custom-control-label {
5744
- position: absolute;
5745
- z-index: 1;
5734
+ .form-check-card.checked .card {
5735
+ box-shadow: 0 0 0 2px #80acff;
5746
5736
  }
5747
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5748
- top: 0;
5737
+ .form-check-card .card {
5738
+ margin-bottom: 0;
5749
5739
  }
5750
5740
  .form-check-card .form-check-input {
5751
5741
  margin-left: 0;
5752
5742
  margin-top: 0;
5743
+ opacity: 0;
5753
5744
  position: absolute;
5754
5745
  z-index: 1;
5755
5746
  }
@@ -5760,21 +5751,35 @@ input[type=button].btn-block {
5760
5751
  padding-left: 0;
5761
5752
  position: static;
5762
5753
  }
5763
- .form-check-card.active .card,
5764
- .form-check-card .custom-control-input:checked ~ .card,
5765
- .form-check-card .form-check-input:checked ~ .card {
5766
- box-shadow: 0 0 0 2px #80acff;
5754
+ .form-check-card .custom-control {
5755
+ display: inline;
5756
+ margin-right: 0;
5757
+ position: static;
5767
5758
  }
5768
-
5769
- .form-check-card:hover .card {
5759
+ .form-check-card .custom-control label {
5760
+ font-weight: 400;
5761
+ padding-left: 0;
5762
+ }
5763
+ .form-check-card .custom-control .custom-control-label {
5764
+ opacity: 0;
5765
+ position: absolute;
5766
+ z-index: 1;
5767
+ }
5768
+ .form-check-card .custom-control .custom-control-label::before {
5769
+ top: 0;
5770
+ }
5771
+ .form-check-card .custom-control .custom-control-label::after {
5772
+ top: 0;
5773
+ }
5774
+ .form-check-card .custom-control .custom-control-input {
5775
+ z-index: 2;
5776
+ }
5777
+ .form-check-card .custom-control .custom-control-input:checked ~ .card {
5770
5778
  box-shadow: 0 0 0 2px #80acff;
5771
5779
  }
5772
-
5773
- .custom-control-input:hover ~ .card,
5774
- .form-check-input:hover ~ .card {
5780
+ .form-check-card .form-check-input:checked ~ .card {
5775
5781
  box-shadow: 0 0 0 2px #80acff;
5776
5782
  }
5777
-
5778
5783
  .form-check-bottom-left .card-horizontal > .card-body,
5779
5784
  .form-check-middle-left .card-horizontal > .card-body,
5780
5785
  .form-check-top-left .card-horizontal > .card-body {
@@ -5787,61 +5792,129 @@ input[type=button].btn-block {
5787
5792
  padding-right: 50px;
5788
5793
  }
5789
5794
 
5790
- .form-check-bottom-left .custom-control-input,
5791
- .form-check-bottom-left .custom-control-label,
5792
5795
  .form-check-bottom-left .form-check-input {
5796
+ bottom: 1rem;
5797
+ left: 1rem;
5798
+ opacity: 1;
5799
+ top: auto;
5800
+ transform: none;
5801
+ }
5802
+ .form-check-bottom-left .custom-control .custom-control-label {
5803
+ bottom: 1rem;
5804
+ left: 1rem;
5805
+ opacity: 1;
5806
+ top: auto;
5807
+ transform: none;
5808
+ }
5809
+ .form-check-bottom-left .custom-control .custom-control-input {
5793
5810
  bottom: 1rem;
5794
5811
  left: 1rem;
5795
5812
  top: auto;
5796
5813
  transform: none;
5797
5814
  }
5798
-
5799
- .form-check-bottom-right .custom-control-input,
5800
- .form-check-bottom-right .custom-control-label,
5801
5815
  .form-check-bottom-right .form-check-input {
5816
+ bottom: 1rem;
5817
+ left: auto;
5818
+ opacity: 1;
5819
+ right: 1rem;
5820
+ top: auto;
5821
+ transform: none;
5822
+ }
5823
+ .form-check-bottom-right .custom-control .custom-control-label {
5824
+ bottom: 1rem;
5825
+ left: auto;
5826
+ opacity: 1;
5827
+ right: 1rem;
5828
+ top: auto;
5829
+ transform: none;
5830
+ }
5831
+ .form-check-bottom-right .custom-control .custom-control-input {
5802
5832
  bottom: 1rem;
5803
5833
  left: auto;
5804
5834
  right: 1rem;
5805
5835
  top: auto;
5806
5836
  transform: none;
5807
5837
  }
5808
-
5809
- .form-check-middle-left .custom-control-input,
5810
- .form-check-middle-left .custom-control-label,
5811
5838
  .form-check-middle-left .form-check-input {
5839
+ left: 1rem;
5840
+ margin-top: 0;
5841
+ opacity: 1;
5842
+ top: 50%;
5843
+ transform: translateY(-50%);
5844
+ }
5845
+ .form-check-middle-left .custom-control .custom-control-label {
5846
+ left: 1rem;
5847
+ margin-top: 0;
5848
+ opacity: 1;
5849
+ top: 50%;
5850
+ transform: translateY(-50%);
5851
+ }
5852
+ .form-check-middle-left .custom-control .custom-control-input {
5812
5853
  left: 1rem;
5813
5854
  margin-top: 0;
5814
5855
  top: 50%;
5815
5856
  transform: translateY(-50%);
5816
5857
  }
5817
-
5818
- .form-check-middle-right .custom-control-input,
5819
- .form-check-middle-right .custom-control-label,
5820
5858
  .form-check-middle-right .form-check-input {
5859
+ left: auto;
5860
+ margin-top: 0;
5861
+ opacity: 1;
5862
+ right: 1rem;
5863
+ top: 50%;
5864
+ transform: translateY(-50%);
5865
+ }
5866
+ .form-check-middle-right .custom-control .custom-control-label {
5867
+ left: auto;
5868
+ margin-top: 0;
5869
+ opacity: 1;
5870
+ right: 1rem;
5871
+ top: 50%;
5872
+ transform: translateY(-50%);
5873
+ }
5874
+ .form-check-middle-right .custom-control .custom-control-input {
5821
5875
  left: auto;
5822
5876
  margin-top: 0;
5823
5877
  right: 1rem;
5824
5878
  top: 50%;
5825
5879
  transform: translateY(-50%);
5826
5880
  }
5827
-
5828
- .form-check-top-left .custom-control-input,
5829
- .form-check-top-left .custom-control-label,
5830
5881
  .form-check-top-left .form-check-input {
5882
+ left: 1rem;
5883
+ opacity: 1;
5884
+ top: 1rem;
5885
+ transform: none;
5886
+ }
5887
+ .form-check-top-left .custom-control .custom-control-label {
5888
+ left: 1rem;
5889
+ opacity: 1;
5890
+ top: 1rem;
5891
+ transform: none;
5892
+ }
5893
+ .form-check-top-left .custom-control .custom-control-input {
5831
5894
  left: 1rem;
5832
5895
  top: 1rem;
5833
5896
  transform: none;
5834
5897
  }
5835
-
5836
- .form-check-top-right .custom-control-input,
5837
- .form-check-top-right .custom-control-label,
5838
5898
  .form-check-top-right .form-check-input {
5899
+ left: auto;
5900
+ opacity: 1;
5901
+ right: 1rem;
5902
+ top: 1rem;
5903
+ transform: none;
5904
+ }
5905
+ .form-check-top-right .custom-control .custom-control-label {
5906
+ left: auto;
5907
+ opacity: 1;
5908
+ right: 1rem;
5909
+ top: 1rem;
5910
+ transform: none;
5911
+ }
5912
+ .form-check-top-right .custom-control .custom-control-input {
5839
5913
  left: auto;
5840
5914
  right: 1rem;
5841
5915
  top: 1rem;
5842
5916
  transform: none;
5843
5917
  }
5844
-
5845
5918
  .card-page.card-page-equal-height .card-page-item,
5846
5919
  .card-page.card-page-equal-height .card-page-item-asset,
5847
5920
  .card-page.card-page-equal-height .card-page-item-directory {
@@ -12231,6 +12304,41 @@ label.custom-control-label {
12231
12304
  text-align: center;
12232
12305
  }
12233
12306
 
12307
+ .nav-divider {
12308
+ margin-left: 0.5rem;
12309
+ padding-left: 0.5rem;
12310
+ position: relative;
12311
+ }
12312
+ .nav-divider::before {
12313
+ background-color: #6b6c7e;
12314
+ content: "";
12315
+ display: block;
12316
+ height: 1rem;
12317
+ left: 0;
12318
+ margin-top: -0.5rem;
12319
+ position: absolute;
12320
+ top: 50%;
12321
+ width: 1px;
12322
+ z-index: 2;
12323
+ }
12324
+ .nav-divider-end {
12325
+ margin-right: 0.5rem;
12326
+ padding-right: 0.5rem;
12327
+ position: relative;
12328
+ }
12329
+ .nav-divider-end::after {
12330
+ background-color: #6b6c7e;
12331
+ content: "";
12332
+ display: block;
12333
+ height: 1rem;
12334
+ margin-top: -0.5rem;
12335
+ position: absolute;
12336
+ right: 0;
12337
+ top: 50%;
12338
+ width: 1px;
12339
+ z-index: 2;
12340
+ }
12341
+
12234
12342
  .nav-text-truncate {
12235
12343
  display: inline-block;
12236
12344
  margin-bottom: -6px;