@clayui/css 3.42.0 → 3.43.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 (33) hide show
  1. package/lib/css/atlas.css +251 -126
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +228 -105
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +157 -174
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/scss/atlas/variables/_buttons.scss +2 -31
  11. package/src/scss/atlas/variables/_navs.scss +20 -15
  12. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  13. package/src/scss/cadmin/components/_input-groups.scss +11 -313
  14. package/src/scss/cadmin/components/_navs.scss +23 -113
  15. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  16. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  17. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  18. package/src/scss/cadmin/variables/_forms.scss +366 -5
  19. package/src/scss/cadmin/variables/_navs.scss +227 -52
  20. package/src/scss/components/_buttons.scss +87 -49
  21. package/src/scss/components/_dropdowns.scss +4 -0
  22. package/src/scss/components/_input-groups.scss +12 -308
  23. package/src/scss/components/_navs.scss +33 -128
  24. package/src/scss/mixins/_dropdown-menu.scss +427 -355
  25. package/src/scss/mixins/_forms.scss +67 -10
  26. package/src/scss/mixins/_input-groups.scss +405 -11
  27. package/src/scss/mixins/_labels.scss +320 -296
  28. package/src/scss/mixins/_nav.scss +202 -131
  29. package/src/scss/variables/_alerts.scss +1 -0
  30. package/src/scss/variables/_buttons.scss +26 -3
  31. package/src/scss/variables/_dropdowns.scss +31 -2
  32. package/src/scss/variables/_forms.scss +405 -22
  33. package/src/scss/variables/_navs.scss +223 -32
package/lib/css/cadmin.css CHANGED
@@ -2970,6 +2970,7 @@ html:not(#__):not(#___) .cadmin .alert {
2970
2970
  margin-bottom: 16px;
2971
2971
  padding: 15px 16px;
2972
2972
  position: relative;
2973
+ white-space: normal;
2973
2974
  overflow-wrap: break-word;
2974
2975
  word-wrap: break-word;
2975
2976
  }
@@ -3072,7 +3073,7 @@ html:not(#__):not(#___) .cadmin .alert-fluid {
3072
3073
  }
3073
3074
  html:not(#__):not(#___) .cadmin .alert-fluid.alert-dismissible .container,
3074
3075
  html:not(#__):not(#___) .cadmin .alert-fluid.alert-dismissible .container-fluid {
3075
- padding-right: calc( 40px + 12px );
3076
+ padding-right: calc( 40px + 24px * 0.5 );
3076
3077
  position: relative;
3077
3078
  }
3078
3079
  html:not(#__):not(#___) .cadmin .alert-fluid .close {
@@ -5622,7 +5623,6 @@ html:not(#__):not(#___) .cadmin .dropdown-item {
5622
5623
  position: relative;
5623
5624
  text-align: inherit;
5624
5625
  transition: none;
5625
- white-space: normal;
5626
5626
  width: 100%;
5627
5627
  overflow-wrap: break-word;
5628
5628
  word-wrap: break-word;
@@ -5700,6 +5700,23 @@ html:not(#__):not(#___) .cadmin .dropdown-item .c-inner {
5700
5700
  margin-top: -8px;
5701
5701
  width: auto;
5702
5702
  }
5703
+ html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row {
5704
+ padding-left: 1rem;
5705
+ padding-right: 1rem;
5706
+ }
5707
+ html:not(#__):not(#___) .cadmin .dropdown-item.autofit-row > .autofit-col {
5708
+ padding-left: 0.25rem;
5709
+ padding-right: 0.25rem;
5710
+ }
5711
+ html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row {
5712
+ margin-left: 0.25rem;
5713
+ margin-right: 0.25rem;
5714
+ width: auto;
5715
+ }
5716
+ html:not(#__):not(#___) .cadmin .dropdown-item .autofit-row > .autofit-col {
5717
+ padding-left: 0.25rem;
5718
+ padding-right: 0.25rem;
5719
+ }
5703
5720
  html:not(#__):not(#___) .cadmin .dropdown-item .c-kbd-inline {
5704
5721
  color: #a7a9bc;
5705
5722
  line-height: 21px;
@@ -6132,6 +6149,10 @@ html:not(#__):not(#___) .cadmin .dropdown-wide .dropdown-menu > .row {
6132
6149
  min-width: 500px;
6133
6150
  }
6134
6151
  }
6152
+ html:not(#__):not(#___) .cadmin .dropdown-menu-width-shrink {
6153
+ min-width: 0;
6154
+ white-space: nowrap;
6155
+ }
6135
6156
  html:not(#__):not(#___) .cadmin .dropdown-menu-width-full {
6136
6157
  left: 12px !important;
6137
6158
  right: 12px !important;
@@ -8518,8 +8539,30 @@ html:not(#__):not(#___) .cadmin .input-group-item {
8518
8539
  flex-wrap: wrap;
8519
8540
  margin-left: 8px;
8520
8541
  width: 1%;
8542
+ overflow-wrap: break-word;
8521
8543
  word-wrap: break-word;
8522
8544
  }
8545
+ html:not(#__):not(#___) .cadmin .input-group-item.focus {
8546
+ border-radius: 4px;
8547
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
8548
+ }
8549
+ html:not(#__):not(#___) .cadmin .input-group-item.focus.input-group-prepend {
8550
+ border-bottom-right-radius: 0;
8551
+ border-top-right-radius: 0;
8552
+ z-index: 1;
8553
+ }
8554
+ html:not(#__):not(#___) .cadmin .input-group-item.focus.input-group-append {
8555
+ border-bottom-left-radius: 0;
8556
+ border-top-left-radius: 0;
8557
+ }
8558
+ html:not(#__):not(#___) .cadmin .input-group-item.focus > .form-control {
8559
+ background-color: #f0f5ff;
8560
+ border-color: #80acff;
8561
+ }
8562
+ html:not(#__):not(#___) .cadmin .input-group-item.focus > .input-group-inset-item {
8563
+ background-color: #f0f5ff;
8564
+ border-color: #80acff;
8565
+ }
8523
8566
  html:not(#__):not(#___) .cadmin .input-group-item:first-child {
8524
8567
  margin-left: 0;
8525
8568
  }
@@ -8529,6 +8572,7 @@ html:not(#__):not(#___) .cadmin .input-group-item > .btn {
8529
8572
  html:not(#__):not(#___) .cadmin .input-group-item > .dropdown {
8530
8573
  display: flex;
8531
8574
  flex-wrap: wrap;
8575
+ overflow-wrap: break-word;
8532
8576
  word-wrap: break-word;
8533
8577
  width: 100%;
8534
8578
  }
@@ -8539,13 +8583,13 @@ html:not(#__):not(#___) .cadmin .input-group-item-shrink {
8539
8583
  html:not(#__):not(#___) .cadmin .input-group-text {
8540
8584
  align-items: center;
8541
8585
  background-color: #e7e7ed;
8542
- border-color: #e7e7ed;
8543
- border-style: solid;
8544
8586
  border-bottom-width: 1px;
8587
+ border-color: #e7e7ed;
8545
8588
  border-left-width: 1px;
8589
+ border-radius: 4px;
8546
8590
  border-right-width: 1px;
8591
+ border-style: solid;
8547
8592
  border-top-width: 1px;
8548
- border-radius: 4px;
8549
8593
  color: #6b6c7e;
8550
8594
  display: flex;
8551
8595
  font-size: 16px;
@@ -8565,14 +8609,16 @@ html:not(#__):not(#___) .cadmin .input-group-text {
8565
8609
  html:not(#__):not(#___) .cadmin .input-group-text label {
8566
8610
  color: #6b6c7e;
8567
8611
  }
8568
- html:not(#__):not(#___) .cadmin .input-group-text input[type=radio],
8569
- html:not(#__):not(#___) .cadmin .input-group-text input[type=checkbox] {
8570
- margin-top: 0;
8612
+ html:not(#__):not(#___) .cadmin .input-group-text .custom-control {
8613
+ margin-bottom: 0;
8571
8614
  }
8572
- html:not(#__):not(#___) .cadmin .input-group-text .custom-control,
8573
8615
  html:not(#__):not(#___) .cadmin .input-group-text .form-check {
8574
8616
  margin-bottom: 0;
8575
8617
  }
8618
+ html:not(#__):not(#___) .cadmin .input-group-text .form-check input[type=radio],
8619
+ html:not(#__):not(#___) .cadmin .input-group-text .form-check input[type=checkbox] {
8620
+ margin-top: 0;
8621
+ }
8576
8622
  html:not(#__):not(#___) .cadmin .input-group-text .lexicon-icon {
8577
8623
  margin-top: 0;
8578
8624
  }
@@ -8611,7 +8657,16 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .btn-monos
8611
8657
  line-height: 1;
8612
8658
  width: 48px;
8613
8659
  }
8614
- html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control,
8660
+ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control {
8661
+ border-radius: 6px;
8662
+ font-size: 18px;
8663
+ height: 48px;
8664
+ line-height: 1.5;
8665
+ padding-bottom: 7px;
8666
+ padding-left: 16px;
8667
+ padding-right: 16px;
8668
+ padding-top: 7px;
8669
+ }
8615
8670
  html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file .btn {
8616
8671
  border-radius: 6px;
8617
8672
  font-size: 18px;
@@ -8622,6 +8677,12 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file
8622
8677
  padding-right: 16px;
8623
8678
  padding-top: 7px;
8624
8679
  }
8680
+ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-file .btn .c-inner {
8681
+ margin-bottom: -7px;
8682
+ margin-left: -16px;
8683
+ margin-right: -16px;
8684
+ margin-top: -7px;
8685
+ }
8625
8686
  html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > textarea.form-control,
8626
8687
  html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .form-control-textarea {
8627
8688
  height: 120px;
@@ -8641,147 +8702,52 @@ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-gro
8641
8702
  padding-left: 16px;
8642
8703
  padding-right: 16px;
8643
8704
  }
8644
- html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file {
8645
- height: 75%;
8646
- }
8647
- html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file .btn {
8648
- height: 100%;
8649
- line-height: 1;
8650
- padding-bottom: 0;
8651
- padding-left: 12px;
8652
- padding-right: 12px;
8653
- padding-top: 0;
8654
- }
8655
- html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-inset-item > .form-file .btn .c-inner {
8656
- margin-bottom: 0;
8657
- margin-left: -12px;
8658
- margin-right: -12px;
8659
- margin-top: 0;
8660
- }
8661
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn {
8662
- font-size: 14px;
8663
- }
8664
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn .btn-section, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn .btn-section {
8665
- font-size: 9px;
8666
- }
8667
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .btn-monospaced {
8668
- height: 32px;
8669
- line-height: 1;
8670
- width: 32px;
8671
- }
8672
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control,
8673
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-file .btn,
8674
- html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-file .btn {
8675
- border-radius: 4px;
8676
- font-size: 14px;
8677
- height: 32px;
8678
- line-height: 1.5;
8679
- padding-bottom: 4px;
8680
- padding-left: 12px;
8681
- padding-right: 12px;
8682
- padding-top: 4px;
8683
- }
8684
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control-plaintext, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control-plaintext {
8685
- font-size: 14px;
8686
- height: 32px;
8705
+ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
8706
+ border-radius: 6px;
8707
+ font-size: 18px;
8708
+ height: 48px;
8687
8709
  line-height: 1.5;
8688
- padding-bottom: 4px;
8689
- padding-top: 4px;
8690
- }
8691
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > textarea.form-control, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > textarea.form-control,
8692
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .form-control-textarea,
8693
- html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .form-control-textarea {
8694
- height: 80px;
8695
- }
8696
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-item > .input-group-text, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-item > .input-group-text {
8697
- border-radius: 4px;
8698
- font-size: 14px;
8699
- height: 32px;
8700
- min-width: 32px;
8701
- padding-left: 12px;
8702
- padding-right: 12px;
8703
- }
8704
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn {
8705
- line-height: 1;
8706
- padding-bottom: 0;
8707
- padding-left: 8px;
8708
- padding-right: 8px;
8709
- padding-top: 0;
8710
- }
8711
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn .c-inner {
8712
- margin-bottom: 0;
8713
- margin-left: -8px;
8714
- margin-right: -8px;
8715
- margin-top: 0;
8716
- }
8717
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .btn-monospaced, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .btn-monospaced {
8718
- height: 24px;
8719
- margin-left: 4px;
8720
- margin-right: 4px;
8721
- width: 24px;
8722
- }
8723
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file {
8724
- height: 75%;
8710
+ padding-bottom: 7px;
8711
+ padding-left: 16px;
8712
+ padding-right: 16px;
8713
+ padding-top: 7px;
8725
8714
  }
8726
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file .btn, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file .btn {
8727
- height: 100%;
8728
- line-height: 1;
8729
- padding-bottom: 0;
8730
- padding-left: 8px;
8731
- padding-right: 8px;
8732
- padding-top: 0;
8715
+ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
8716
+ margin-bottom: -7px;
8717
+ margin-left: -16px;
8718
+ margin-right: -16px;
8719
+ margin-top: -7px;
8733
8720
  }
8734
- html:not(#__):not(#___) .cadmin .form-group-sm .input-group > .input-group-inset-item > .form-file .btn .c-inner, html:not(#__):not(#___) .cadmin .input-group-sm > .input-group-inset-item > .form-file .btn .c-inner {
8721
+ html:not(#__):not(#___) .cadmin .input-group-lg > .input-group-item .form-control-inset {
8735
8722
  margin-bottom: 0;
8736
- margin-left: -8px;
8737
- margin-right: -8px;
8738
8723
  margin-top: 0;
8739
8724
  }
8740
- html:not(#__):not(#___) .cadmin .input-group-item.focus {
8741
- border-radius: 4px;
8742
- box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
8743
- }
8744
- html:not(#__):not(#___) .cadmin .input-group-item.focus .form-control,
8745
- html:not(#__):not(#___) .cadmin .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
8746
- html:not(#__):not(#___) .cadmin .input-group-item.focus .input-group-inset-item {
8747
- background-color: #f0f5ff;
8748
- border-color: #80acff;
8749
- }
8750
- html:not(#__):not(#___) .cadmin .input-group-item.input-group-prepend.focus {
8751
- border-bottom-right-radius: 0;
8752
- border-top-right-radius: 0;
8753
- z-index: 1;
8754
- }
8755
- html:not(#__):not(#___) .cadmin .input-group-item.input-group-append.focus {
8756
- border-bottom-left-radius: 0;
8757
- border-top-left-radius: 0;
8758
- }
8759
8725
  html:not(#__):not(#___) .cadmin .input-group-inset {
8760
8726
  flex-grow: 1;
8761
8727
  order: 5;
8762
8728
  width: 1%;
8763
8729
  }
8764
- html:not(#__):not(#___) .cadmin .input-group-inset[readonly]:focus ~ .input-group-inset-item {
8765
- border-color: #80acff;
8766
- }
8767
- html:not(#__):not(#___) .cadmin .input-group-inset[readonly] ~ .input-group-inset-item {
8768
- background-color: #fff;
8769
- border-color: #e7e7ed;
8770
- }
8771
- html:not(#__):not(#___) .cadmin .input-group-inset:focus {
8730
+ html:not(#__):not(#___) .cadmin .input-group-inset:focus, html:not(#__):not(#___) .cadmin .input-group-inset.focus {
8772
8731
  box-shadow: none;
8773
8732
  }
8774
- html:not(#__):not(#___) .cadmin .input-group-inset:focus ~ .input-group-inset-item {
8733
+ html:not(#__):not(#___) .cadmin .input-group-inset:focus ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset.focus ~ .input-group-inset-item {
8775
8734
  background-color: #f0f5ff;
8776
8735
  border-color: #80acff;
8777
8736
  }
8778
- html:not(#__):not(#___) .cadmin .input-group-inset:disabled ~ .input-group-inset-item {
8737
+ html:not(#__):not(#___) .cadmin .input-group-inset:disabled ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset.disabled ~ .input-group-inset-item {
8779
8738
  background-color: #f1f2f5;
8780
8739
  border-color: #f1f2f5;
8781
8740
  }
8782
8741
  html:not(#__):not(#___) .cadmin .input-group-inset ~ .form-feedback-group {
8783
8742
  order: 13;
8784
8743
  }
8744
+ html:not(#__):not(#___) .cadmin .input-group-inset[readonly] ~ .input-group-inset-item {
8745
+ background-color: #fff;
8746
+ border-color: #e7e7ed;
8747
+ }
8748
+ html:not(#__):not(#___) .cadmin .input-group-inset[readonly]:focus ~ .input-group-inset-item, html:not(#__):not(#___) .cadmin .input-group-inset[readonly].focus ~ .input-group-inset-item {
8749
+ border-color: #80acff;
8750
+ }
8785
8751
  html:not(#__):not(#___) .cadmin .input-group .input-group-inset-item {
8786
8752
  align-items: center;
8787
8753
  background-color: #f1f2f5;
@@ -10193,8 +10159,8 @@ html:not(#__):not(#___) .cadmin .nav-link:focus {
10193
10159
  z-index: 1;
10194
10160
  }
10195
10161
  html:not(#__):not(#___) .cadmin .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-link.disabled {
10196
- box-shadow: none;
10197
10162
  color: #a7a9bc;
10163
+ box-shadow: none;
10198
10164
  cursor: not-allowed;
10199
10165
  }
10200
10166
  html:not(#__):not(#___) .cadmin .nav-link:disabled:active, html:not(#__):not(#___) .cadmin .nav-link.disabled:active {
@@ -10273,6 +10239,7 @@ html:not(#__):not(#___) .cadmin .nav-link-monospaced .lexicon-icon {
10273
10239
  margin-top: 0;
10274
10240
  }
10275
10241
  html:not(#__):not(#___) .cadmin .nav-item {
10242
+ overflow-wrap: break-word;
10276
10243
  word-wrap: break-word;
10277
10244
  }
10278
10245
  html:not(#__):not(#___) .cadmin .nav-item[class*=col-] {
@@ -10291,12 +10258,6 @@ html:not(#__):not(#___) .cadmin .nav-text-truncate {
10291
10258
  html:not(#__):not(#___) .cadmin .dropdown-toggle .nav-text-truncate {
10292
10259
  max-width: calc(100% - 24px);
10293
10260
  }
10294
- html:not(#__):not(#___) .cadmin .nav-form {
10295
- padding-bottom: 10px;
10296
- padding-left: 8px;
10297
- padding-right: 8px;
10298
- padding-top: 10px;
10299
- }
10300
10261
  html:not(#__):not(#___) .cadmin .nav .nav-form {
10301
10262
  padding-bottom: 0;
10302
10263
  padding-left: 16px;
@@ -10328,17 +10289,35 @@ html:not(#__):not(#___) .cadmin .nav-stacked .nav-form {
10328
10289
  html:not(#__):not(#___) .cadmin .nav-unstyled {
10329
10290
  flex-wrap: nowrap;
10330
10291
  }
10331
- html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn {
10332
- margin: 0 4px;
10333
- padding: 0 4px;
10334
- }
10335
10292
  html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link {
10336
10293
  line-height: 32px;
10337
- padding: 0 4px;
10294
+ padding-bottom: 0;
10295
+ padding-left: 4px;
10296
+ padding-right: 4px;
10297
+ padding-top: 0;
10298
+ }
10299
+ html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link > .c-inner {
10300
+ margin-bottom: 0;
10301
+ margin-left: -4px;
10302
+ margin-right: -4px;
10303
+ margin-top: 0;
10338
10304
  }
10339
10305
  html:not(#__):not(#___) .cadmin .nav-unstyled .nav-link-monospaced {
10340
10306
  margin: 0 4px;
10341
10307
  }
10308
+ html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn {
10309
+ margin: 0 4px;
10310
+ padding-bottom: 0;
10311
+ padding-left: 4px;
10312
+ padding-right: 4px;
10313
+ padding-top: 0;
10314
+ }
10315
+ html:not(#__):not(#___) .cadmin .nav-unstyled .nav-btn .c-inner {
10316
+ margin-bottom: 0;
10317
+ margin-left: -4px;
10318
+ margin-right: -4px;
10319
+ margin-top: 0;
10320
+ }
10342
10321
  html:not(#__):not(#___) .cadmin .nav-nested {
10343
10322
  flex-direction: column;
10344
10323
  flex-wrap: nowrap;
@@ -10444,9 +10423,6 @@ html:not(#__):not(#___) .cadmin .nav-tabs {
10444
10423
  border-bottom: 1px solid transparent;
10445
10424
  font-size: 14px;
10446
10425
  }
10447
- html:not(#__):not(#___) .cadmin .nav-tabs .nav-item {
10448
- margin-bottom: -1px;
10449
- }
10450
10426
  html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
10451
10427
  border-color: transparent;
10452
10428
  border-style: solid;
@@ -10479,8 +10455,8 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:active {
10479
10455
  }
10480
10456
  html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.active {
10481
10457
  background-color: #fff;
10482
- border-color: transparent transparent #fff;
10483
10458
  color: #272833;
10459
+ border-color: transparent transparent #fff;
10484
10460
  }
10485
10461
  html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.disabled {
10486
10462
  background-color: transparent;
@@ -10489,18 +10465,16 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link:disabled, html:not(#__):not(
10489
10465
  color: #a7a9bc;
10490
10466
  }
10491
10467
  html:not(#__):not(#___) .cadmin .nav-tabs .nav-link[aria-expanded=true], html:not(#__):not(#___) .cadmin .nav-tabs .nav-link.show {
10492
- background-color: #fff;
10493
- border-color: transparent transparent #fff;
10468
+ background-color: transparent;
10494
10469
  color: #272833;
10470
+ border-color: transparent transparent transparent transparent;
10495
10471
  }
10496
10472
  html:not(#__):not(#___) .cadmin .nav-tabs .nav-link > .c-inner {
10497
10473
  margin-bottom: -4.5px;
10498
10474
  margin-top: -4.5px;
10499
10475
  }
10500
- html:not(#__):not(#___) .cadmin .nav-tabs .nav-item.show .nav-link {
10501
- border-color: transparent transparent transparent transparent;
10502
- color: #272833;
10503
- background-color: transparent;
10476
+ html:not(#__):not(#___) .cadmin .nav-tabs .nav-item {
10477
+ margin-bottom: -1px;
10504
10478
  }
10505
10479
  html:not(#__):not(#___) .cadmin .nav-tabs .dropdown-menu {
10506
10480
  border-top-left-radius: 0;
@@ -10545,6 +10519,14 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link {
10545
10519
  transition: none;
10546
10520
  }
10547
10521
  }
10522
+ html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
10523
+ bottom: 0;
10524
+ display: block;
10525
+ position: absolute;
10526
+ left: 0;
10527
+ right: 0;
10528
+ width: auto;
10529
+ }
10548
10530
  html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
10549
10531
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
10550
10532
  outline: 0;
@@ -10552,6 +10534,10 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link:focus {
10552
10534
  html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active {
10553
10535
  color: #272833;
10554
10536
  }
10537
+ html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active::after {
10538
+ content: "";
10539
+ height: 2px;
10540
+ }
10555
10541
  html:not(#__):not(#___) .cadmin .nav-underline .nav-link:disabled, html:not(#__):not(#___) .cadmin .nav-underline .nav-link.disabled {
10556
10542
  box-shadow: none;
10557
10543
  color: #a7a9bc;
@@ -10563,25 +10549,6 @@ html:not(#__):not(#___) .cadmin .nav-underline .nav-link > .c-inner {
10563
10549
  margin-bottom: -9px;
10564
10550
  margin-top: -9px;
10565
10551
  }
10566
- html:not(#__):not(#___) .cadmin .nav-underline .nav-item.show .nav-link {
10567
- color: #272833;
10568
- }
10569
- html:not(#__):not(#___) .cadmin .nav-underline .nav-link::after {
10570
- bottom: 0;
10571
- display: block;
10572
- position: absolute;
10573
- left: 0;
10574
- right: 0;
10575
- width: auto;
10576
- }
10577
- html:not(#__):not(#___) .cadmin .nav-underline .nav-item .nav-link.active:after {
10578
- background-color: #80acff;
10579
- }
10580
- html:not(#__):not(#___) .cadmin .nav-underline .nav-link.active:after,
10581
- html:not(#__):not(#___) .cadmin .nav-underline .nav-item.show .nav-link:after {
10582
- content: "";
10583
- height: 2px;
10584
- }
10585
10552
  html:not(#__):not(#___) .cadmin .menubar {
10586
10553
  position: relative;
10587
10554
  }
@@ -20660,16 +20627,32 @@ html:not(#__):not(#___) .cadmin .embed-responsive video {
20660
20627
  width: 100%;
20661
20628
  }
20662
20629
  html:not(#__):not(#___) .cadmin .embed-responsive-21by9::before {
20663
- padding-top: 42.8571428571%;
20630
+ padding-top: calc(
20631
+ 9 /
20632
+ 21 *
20633
+ 100%
20634
+ );
20664
20635
  }
20665
20636
  html:not(#__):not(#___) .cadmin .embed-responsive-16by9::before {
20666
- padding-top: 56.25%;
20637
+ padding-top: calc(
20638
+ 9 /
20639
+ 16 *
20640
+ 100%
20641
+ );
20667
20642
  }
20668
20643
  html:not(#__):not(#___) .cadmin .embed-responsive-4by3::before {
20669
- padding-top: 75%;
20644
+ padding-top: calc(
20645
+ 3 /
20646
+ 4 *
20647
+ 100%
20648
+ );
20670
20649
  }
20671
20650
  html:not(#__):not(#___) .cadmin .embed-responsive-1by1::before {
20672
- padding-top: 100%;
20651
+ padding-top: calc(
20652
+ 1 /
20653
+ 1 *
20654
+ 100%
20655
+ );
20673
20656
  }
20674
20657
  html:not(#__):not(#___) .cadmin .flex-row {
20675
20658
  flex-direction: row !important;