@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/base.css CHANGED
@@ -5606,31 +5606,22 @@ input[type=button].btn-block {
5606
5606
  margin-top: 0;
5607
5607
  padding-left: 0;
5608
5608
  }
5609
- .form-check-card .card {
5610
- margin-bottom: 0;
5611
- }
5612
- .form-check-card .custom-control {
5613
- display: inline;
5614
- margin-right: 0;
5615
- position: static;
5616
- }
5617
- .form-check-card .custom-control > label {
5618
- font-weight: 400;
5619
- padding-left: 0;
5609
+ .form-check-card:hover .card {
5610
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5620
5611
  }
5621
- .form-check-card .custom-control-input {
5622
- z-index: 2;
5612
+ .form-check-card.active .card {
5613
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5623
5614
  }
5624
- .form-check-card .custom-control-label {
5625
- position: absolute;
5626
- z-index: 1;
5615
+ .form-check-card.checked .card {
5616
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5627
5617
  }
5628
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5629
- top: 0;
5618
+ .form-check-card .card {
5619
+ margin-bottom: 0;
5630
5620
  }
5631
5621
  .form-check-card .form-check-input {
5632
5622
  margin-left: 0;
5633
5623
  margin-top: 0;
5624
+ opacity: 0;
5634
5625
  position: absolute;
5635
5626
  z-index: 1;
5636
5627
  }
@@ -5641,21 +5632,35 @@ input[type=button].btn-block {
5641
5632
  padding-left: 0;
5642
5633
  position: static;
5643
5634
  }
5644
- .form-check-card.active .card,
5645
- .form-check-card .custom-control-input:checked ~ .card,
5646
- .form-check-card .form-check-input:checked ~ .card {
5647
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5635
+ .form-check-card .custom-control {
5636
+ display: inline;
5637
+ margin-right: 0;
5638
+ position: static;
5648
5639
  }
5649
-
5650
- .form-check-card:hover .card {
5640
+ .form-check-card .custom-control label {
5641
+ font-weight: 400;
5642
+ padding-left: 0;
5643
+ }
5644
+ .form-check-card .custom-control .custom-control-label {
5645
+ opacity: 0;
5646
+ position: absolute;
5647
+ z-index: 1;
5648
+ }
5649
+ .form-check-card .custom-control .custom-control-label::before {
5650
+ top: 0;
5651
+ }
5652
+ .form-check-card .custom-control .custom-control-label::after {
5653
+ top: 0;
5654
+ }
5655
+ .form-check-card .custom-control .custom-control-input {
5656
+ z-index: 2;
5657
+ }
5658
+ .form-check-card .custom-control .custom-control-input:checked ~ .card {
5651
5659
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5652
5660
  }
5653
-
5654
- .custom-control-input:hover ~ .card,
5655
- .form-check-input:hover ~ .card {
5661
+ .form-check-card .form-check-input:checked ~ .card {
5656
5662
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5657
5663
  }
5658
-
5659
5664
  .form-check-bottom-left .card-horizontal > .card-body,
5660
5665
  .form-check-middle-left .card-horizontal > .card-body,
5661
5666
  .form-check-top-left .card-horizontal > .card-body {
@@ -5668,61 +5673,129 @@ input[type=button].btn-block {
5668
5673
  padding-right: 40px;
5669
5674
  }
5670
5675
 
5671
- .form-check-bottom-left .custom-control-input,
5672
- .form-check-bottom-left .custom-control-label,
5673
5676
  .form-check-bottom-left .form-check-input {
5677
+ bottom: 1rem;
5678
+ left: 1rem;
5679
+ opacity: 1;
5680
+ top: auto;
5681
+ transform: none;
5682
+ }
5683
+ .form-check-bottom-left .custom-control .custom-control-label {
5684
+ bottom: 1rem;
5685
+ left: 1rem;
5686
+ opacity: 1;
5687
+ top: auto;
5688
+ transform: none;
5689
+ }
5690
+ .form-check-bottom-left .custom-control .custom-control-input {
5674
5691
  bottom: 1rem;
5675
5692
  left: 1rem;
5676
5693
  top: auto;
5677
5694
  transform: none;
5678
5695
  }
5679
-
5680
- .form-check-bottom-right .custom-control-input,
5681
- .form-check-bottom-right .custom-control-label,
5682
5696
  .form-check-bottom-right .form-check-input {
5697
+ bottom: 1rem;
5698
+ left: auto;
5699
+ opacity: 1;
5700
+ right: 1rem;
5701
+ top: auto;
5702
+ transform: none;
5703
+ }
5704
+ .form-check-bottom-right .custom-control .custom-control-label {
5705
+ bottom: 1rem;
5706
+ left: auto;
5707
+ opacity: 1;
5708
+ right: 1rem;
5709
+ top: auto;
5710
+ transform: none;
5711
+ }
5712
+ .form-check-bottom-right .custom-control .custom-control-input {
5683
5713
  bottom: 1rem;
5684
5714
  left: auto;
5685
5715
  right: 1rem;
5686
5716
  top: auto;
5687
5717
  transform: none;
5688
5718
  }
5689
-
5690
- .form-check-middle-left .custom-control-input,
5691
- .form-check-middle-left .custom-control-label,
5692
5719
  .form-check-middle-left .form-check-input {
5720
+ left: 1rem;
5721
+ margin-top: 0;
5722
+ opacity: 1;
5723
+ top: 50%;
5724
+ transform: translateY(-50%);
5725
+ }
5726
+ .form-check-middle-left .custom-control .custom-control-label {
5727
+ left: 1rem;
5728
+ margin-top: 0;
5729
+ opacity: 1;
5730
+ top: 50%;
5731
+ transform: translateY(-50%);
5732
+ }
5733
+ .form-check-middle-left .custom-control .custom-control-input {
5693
5734
  left: 1rem;
5694
5735
  margin-top: 0;
5695
5736
  top: 50%;
5696
5737
  transform: translateY(-50%);
5697
5738
  }
5698
-
5699
- .form-check-middle-right .custom-control-input,
5700
- .form-check-middle-right .custom-control-label,
5701
5739
  .form-check-middle-right .form-check-input {
5740
+ left: auto;
5741
+ margin-top: 0;
5742
+ opacity: 1;
5743
+ right: 1rem;
5744
+ top: 50%;
5745
+ transform: translateY(-50%);
5746
+ }
5747
+ .form-check-middle-right .custom-control .custom-control-label {
5748
+ left: auto;
5749
+ margin-top: 0;
5750
+ opacity: 1;
5751
+ right: 1rem;
5752
+ top: 50%;
5753
+ transform: translateY(-50%);
5754
+ }
5755
+ .form-check-middle-right .custom-control .custom-control-input {
5702
5756
  left: auto;
5703
5757
  margin-top: 0;
5704
5758
  right: 1rem;
5705
5759
  top: 50%;
5706
5760
  transform: translateY(-50%);
5707
5761
  }
5708
-
5709
- .form-check-top-left .custom-control-input,
5710
- .form-check-top-left .custom-control-label,
5711
5762
  .form-check-top-left .form-check-input {
5763
+ left: 1rem;
5764
+ opacity: 1;
5765
+ top: 1rem;
5766
+ transform: none;
5767
+ }
5768
+ .form-check-top-left .custom-control .custom-control-label {
5769
+ left: 1rem;
5770
+ opacity: 1;
5771
+ top: 1rem;
5772
+ transform: none;
5773
+ }
5774
+ .form-check-top-left .custom-control .custom-control-input {
5712
5775
  left: 1rem;
5713
5776
  top: 1rem;
5714
5777
  transform: none;
5715
5778
  }
5716
-
5717
- .form-check-top-right .custom-control-input,
5718
- .form-check-top-right .custom-control-label,
5719
5779
  .form-check-top-right .form-check-input {
5780
+ left: auto;
5781
+ opacity: 1;
5782
+ right: 1rem;
5783
+ top: 1rem;
5784
+ transform: none;
5785
+ }
5786
+ .form-check-top-right .custom-control .custom-control-label {
5787
+ left: auto;
5788
+ opacity: 1;
5789
+ right: 1rem;
5790
+ top: 1rem;
5791
+ transform: none;
5792
+ }
5793
+ .form-check-top-right .custom-control .custom-control-input {
5720
5794
  left: auto;
5721
5795
  right: 1rem;
5722
5796
  top: 1rem;
5723
5797
  transform: none;
5724
5798
  }
5725
-
5726
5799
  .card-page.card-page-equal-height .card-page-item,
5727
5800
  .card-page.card-page-equal-height .card-page-item-asset,
5728
5801
  .card-page.card-page-equal-height .card-page-item-directory {
@@ -11634,6 +11707,41 @@ label.custom-control-label {
11634
11707
  text-align: center;
11635
11708
  }
11636
11709
 
11710
+ .nav-divider {
11711
+ margin-left: 0.5rem;
11712
+ padding-left: 0.5rem;
11713
+ position: relative;
11714
+ }
11715
+ .nav-divider::before {
11716
+ background-color: #6c757d;
11717
+ content: "";
11718
+ display: block;
11719
+ height: 1rem;
11720
+ left: 0;
11721
+ margin-top: -0.5rem;
11722
+ position: absolute;
11723
+ top: 50%;
11724
+ width: 1px;
11725
+ z-index: 2;
11726
+ }
11727
+ .nav-divider-end {
11728
+ margin-right: 0.5rem;
11729
+ padding-right: 0.5rem;
11730
+ position: relative;
11731
+ }
11732
+ .nav-divider-end::after {
11733
+ background-color: #6c757d;
11734
+ content: "";
11735
+ display: block;
11736
+ height: 1rem;
11737
+ margin-top: -0.5rem;
11738
+ position: absolute;
11739
+ right: 0;
11740
+ top: 50%;
11741
+ width: 1px;
11742
+ z-index: 2;
11743
+ }
11744
+
11637
11745
  .nav-text-truncate {
11638
11746
  display: inline-block;
11639
11747
  margin-bottom: -6px;