@clayui/css 3.39.0 → 3.42.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 (109) hide show
  1. package/lib/css/atlas.css +1127 -1387
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +908 -1138
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1021 -1148
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/filter.svg +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/filter.svg +1 -1
  12. package/src/scss/_mixins.scss +2 -0
  13. package/src/scss/atlas/variables/_alerts.scss +10 -0
  14. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  15. package/src/scss/atlas/variables/_breadcrumbs.scss +4 -2
  16. package/src/scss/atlas/variables/_cards.scss +2 -2
  17. package/src/scss/atlas/variables/_dropdowns.scss +179 -12
  18. package/src/scss/atlas/variables/_forms.scss +33 -1
  19. package/src/scss/atlas/variables/_globals.scss +13 -0
  20. package/src/scss/atlas/variables/_labels.scss +88 -56
  21. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  22. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  23. package/src/scss/atlas/variables/_navs.scss +20 -8
  24. package/src/scss/atlas/variables/_pagination.scss +4 -2
  25. package/src/scss/atlas/variables/_sheets.scss +4 -2
  26. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  27. package/src/scss/atlas/variables/_tables.scss +58 -28
  28. package/src/scss/cadmin/components/_alerts.scss +1 -17
  29. package/src/scss/cadmin/components/_cards.scss +12 -14
  30. package/src/scss/cadmin/components/_dropdowns.scss +66 -196
  31. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  32. package/src/scss/cadmin/components/_icons.scss +1 -6
  33. package/src/scss/cadmin/components/_input-groups.scss +17 -14
  34. package/src/scss/cadmin/components/_pagination.scss +20 -236
  35. package/src/scss/cadmin/components/_popovers.scss +31 -252
  36. package/src/scss/cadmin/components/_reboot.scss +1 -8
  37. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  38. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  39. package/src/scss/cadmin/components/_type.scss +9 -1
  40. package/src/scss/cadmin/variables/_alerts.scss +35 -11
  41. package/src/scss/cadmin/variables/_breadcrumbs.scss +10 -6
  42. package/src/scss/cadmin/variables/_cards.scss +91 -23
  43. package/src/scss/cadmin/variables/_dropdowns.scss +440 -71
  44. package/src/scss/cadmin/variables/_forms.scss +353 -2
  45. package/src/scss/cadmin/variables/_globals.scss +14 -0
  46. package/src/scss/cadmin/variables/_icons.scss +15 -2
  47. package/src/scss/cadmin/variables/_labels.scss +104 -72
  48. package/src/scss/cadmin/variables/_links.scss +9 -7
  49. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  50. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  51. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  52. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  53. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  54. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  55. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  56. package/src/scss/cadmin/variables/_type.scss +3 -0
  57. package/src/scss/components/_alerts.scss +5 -17
  58. package/src/scss/components/_button-groups.scss +6 -6
  59. package/src/scss/components/_cards.scss +5 -5
  60. package/src/scss/components/_dropdowns.scss +52 -200
  61. package/src/scss/components/_form-validation.scss +8 -237
  62. package/src/scss/components/_forms.scss +61 -4
  63. package/src/scss/components/_icons.scss +4 -9
  64. package/src/scss/components/_input-groups.scss +17 -14
  65. package/src/scss/components/_multi-step-nav.scss +12 -8
  66. package/src/scss/components/_pagination.scss +18 -234
  67. package/src/scss/components/_popovers.scss +30 -237
  68. package/src/scss/components/_reboot.scss +3 -39
  69. package/src/scss/components/_toggle-switch.scss +36 -351
  70. package/src/scss/components/_tooltip.scss +29 -164
  71. package/src/scss/components/_type.scss +9 -1
  72. package/src/scss/functions/_global-functions.scss +18 -0
  73. package/src/scss/functions/_lx-icons-generated.scss +1 -1
  74. package/src/scss/mixins/_alerts.scss +25 -0
  75. package/src/scss/mixins/_buttons.scss +827 -384
  76. package/src/scss/mixins/_cards.scss +610 -114
  77. package/src/scss/mixins/_close.scss +0 -1
  78. package/src/scss/mixins/_custom-forms.scss +46 -34
  79. package/src/scss/mixins/_dropdown-menu.scss +139 -53
  80. package/src/scss/mixins/_forms.scss +686 -252
  81. package/src/scss/mixins/_globals.scss +244 -234
  82. package/src/scss/mixins/_labels.scss +1 -1
  83. package/src/scss/mixins/_links.scss +795 -329
  84. package/src/scss/mixins/_navbar.scss +759 -140
  85. package/src/scss/mixins/_pagination.scss +422 -0
  86. package/src/scss/mixins/_popovers.scss +90 -0
  87. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  88. package/src/scss/mixins/_tooltip.scss +70 -0
  89. package/src/scss/variables/_alerts.scss +34 -10
  90. package/src/scss/variables/_application-bar.scss +18 -6
  91. package/src/scss/variables/_breadcrumbs.scss +8 -4
  92. package/src/scss/variables/_cards.scss +40 -2
  93. package/src/scss/variables/_dropdowns.scss +570 -62
  94. package/src/scss/variables/_forms.scss +303 -1
  95. package/src/scss/variables/_globals.scss +53 -0
  96. package/src/scss/variables/_icons.scss +60 -9
  97. package/src/scss/variables/_labels.scss +120 -88
  98. package/src/scss/variables/_links.scss +15 -13
  99. package/src/scss/variables/_management-bar.scss +45 -12
  100. package/src/scss/variables/_navigation-bar.scss +95 -14
  101. package/src/scss/variables/_navs.scss +33 -13
  102. package/src/scss/variables/_pagination.scss +267 -65
  103. package/src/scss/variables/_popovers.scss +392 -0
  104. package/src/scss/variables/_sheets.scss +4 -2
  105. package/src/scss/variables/_sidebar.scss +17 -5
  106. package/src/scss/variables/_tables.scss +24 -8
  107. package/src/scss/variables/_toggle-switch.scss +404 -5
  108. package/src/scss/variables/_tooltip.scss +299 -0
  109. package/src/scss/variables/_type.scss +3 -0
package/src/scss/cadmin/variables/_labels.scss CHANGED
@@ -318,13 +318,15 @@ $cadmin-label-primary: map-deep-merge(
318
318
  background-color: $cadmin-label-primary-bg,
319
319
  border-color: $cadmin-label-primary-border-color,
320
320
  color: $cadmin-label-primary-color,
321
- hover: (
322
- background-color: $cadmin-label-primary-hover-bg,
323
- border-color: $cadmin-label-primary-hover-border-color,
324
- color: $cadmin-label-primary-hover-color,
325
- ),
326
- focus: (
327
- color: $cadmin-label-primary-hover-color,
321
+ href: (
322
+ hover: (
323
+ background-color: $cadmin-label-primary-hover-bg,
324
+ border-color: $cadmin-label-primary-hover-border-color,
325
+ color: $cadmin-label-primary-hover-color,
326
+ ),
327
+ focus: (
328
+ color: $cadmin-label-primary-hover-color,
329
+ ),
328
330
  ),
329
331
  link: (
330
332
  color: $cadmin-label-primary-link-color,
@@ -388,13 +390,15 @@ $cadmin-label-secondary: map-deep-merge(
388
390
  background-color: $cadmin-label-secondary-bg,
389
391
  border-color: $cadmin-label-secondary-border-color,
390
392
  color: $cadmin-label-secondary-color,
391
- hover: (
392
- background-color: $cadmin-label-secondary-hover-bg,
393
- border-color: $cadmin-label-secondary-hover-border-color,
394
- color: $cadmin-label-secondary-hover-color,
395
- ),
396
- focus: (
397
- color: $cadmin-label-secondary-hover-color,
393
+ href: (
394
+ hover: (
395
+ background-color: $cadmin-label-secondary-hover-bg,
396
+ border-color: $cadmin-label-secondary-hover-border-color,
397
+ color: $cadmin-label-secondary-hover-color,
398
+ ),
399
+ focus: (
400
+ color: $cadmin-label-secondary-hover-color,
401
+ ),
398
402
  ),
399
403
  link: (
400
404
  color: $cadmin-label-secondary-link-color,
@@ -458,13 +462,15 @@ $cadmin-label-success: map-deep-merge(
458
462
  background-color: $cadmin-label-success-bg,
459
463
  border-color: $cadmin-label-success-border-color,
460
464
  color: $cadmin-label-success-color,
461
- hover: (
462
- background-color: $cadmin-label-success-hover-bg,
463
- border-color: $cadmin-label-success-hover-border-color,
464
- color: $cadmin-label-success-hover-color,
465
- ),
466
- focus: (
467
- color: $cadmin-label-success-hover-color,
465
+ href: (
466
+ hover: (
467
+ background-color: $cadmin-label-success-hover-bg,
468
+ border-color: $cadmin-label-success-hover-border-color,
469
+ color: $cadmin-label-success-hover-color,
470
+ ),
471
+ focus: (
472
+ color: $cadmin-label-success-hover-color,
473
+ ),
468
474
  ),
469
475
  link: (
470
476
  color: $cadmin-label-success-link-color,
@@ -528,13 +534,15 @@ $cadmin-label-info: map-deep-merge(
528
534
  background-color: $cadmin-label-info-bg,
529
535
  border-color: $cadmin-label-info-border-color,
530
536
  color: $cadmin-label-info-color,
531
- hover: (
532
- background-color: $cadmin-label-info-hover-bg,
533
- border-color: $cadmin-label-info-hover-border-color,
534
- color: $cadmin-label-info-hover-color,
535
- ),
536
- focus: (
537
- color: $cadmin-label-info-hover-color,
537
+ href: (
538
+ hover: (
539
+ background-color: $cadmin-label-info-hover-bg,
540
+ border-color: $cadmin-label-info-hover-border-color,
541
+ color: $cadmin-label-info-hover-color,
542
+ ),
543
+ focus: (
544
+ color: $cadmin-label-info-hover-color,
545
+ ),
538
546
  ),
539
547
  link: (
540
548
  color: $cadmin-label-info-link-color,
@@ -598,13 +606,15 @@ $cadmin-label-warning: map-deep-merge(
598
606
  background-color: $cadmin-label-warning-bg,
599
607
  border-color: $cadmin-label-warning-border-color,
600
608
  color: $cadmin-label-warning-color,
601
- hover: (
602
- background-color: $cadmin-label-warning-hover-bg,
603
- border-color: $cadmin-label-warning-hover-border-color,
604
- color: $cadmin-label-warning-hover-color,
605
- ),
606
- focus: (
607
- color: $cadmin-label-warning-hover-color,
609
+ href: (
610
+ hover: (
611
+ background-color: $cadmin-label-warning-hover-bg,
612
+ border-color: $cadmin-label-warning-hover-border-color,
613
+ color: $cadmin-label-warning-hover-color,
614
+ ),
615
+ focus: (
616
+ color: $cadmin-label-warning-hover-color,
617
+ ),
608
618
  ),
609
619
  link: (
610
620
  color: $cadmin-label-warning-link-color,
@@ -668,13 +678,15 @@ $cadmin-label-danger: map-deep-merge(
668
678
  background-color: $cadmin-label-danger-bg,
669
679
  border-color: $cadmin-label-danger-border-color,
670
680
  color: $cadmin-label-danger-color,
671
- hover: (
672
- background-color: $cadmin-label-danger-hover-bg,
673
- border-color: $cadmin-label-danger-hover-border-color,
674
- color: $cadmin-label-danger-hover-color,
675
- ),
676
- focus: (
677
- color: $cadmin-label-danger-hover-color,
681
+ href: (
682
+ hover: (
683
+ background-color: $cadmin-label-danger-hover-bg,
684
+ border-color: $cadmin-label-danger-hover-border-color,
685
+ color: $cadmin-label-danger-hover-color,
686
+ ),
687
+ focus: (
688
+ color: $cadmin-label-danger-hover-color,
689
+ ),
678
690
  ),
679
691
  link: (
680
692
  color: $cadmin-label-danger-link-color,
@@ -738,13 +750,15 @@ $cadmin-label-light: map-deep-merge(
738
750
  background-color: $cadmin-label-light-bg,
739
751
  border-color: $cadmin-label-light-border-color,
740
752
  color: $cadmin-label-light-color,
741
- hover: (
742
- background-color: $cadmin-label-light-hover-bg,
743
- border-color: $cadmin-label-light-hover-border-color,
744
- color: $cadmin-label-light-hover-color,
745
- ),
746
- focus: (
747
- color: $cadmin-label-light-hover-color,
753
+ href: (
754
+ hover: (
755
+ background-color: $cadmin-label-light-hover-bg,
756
+ border-color: $cadmin-label-light-hover-border-color,
757
+ color: $cadmin-label-light-hover-color,
758
+ ),
759
+ focus: (
760
+ color: $cadmin-label-light-hover-color,
761
+ ),
748
762
  ),
749
763
  link: (
750
764
  color: $cadmin-label-light-link-color,
@@ -808,13 +822,15 @@ $cadmin-label-dark: map-deep-merge(
808
822
  background-color: $cadmin-label-dark-bg,
809
823
  border-color: $cadmin-label-dark-border-color,
810
824
  color: $cadmin-label-dark-color,
811
- hover: (
812
- background-color: $cadmin-label-dark-hover-bg,
813
- border-color: $cadmin-label-dark-hover-border-color,
814
- color: $cadmin-label-dark-hover-color,
815
- ),
816
- focus: (
817
- color: $cadmin-label-dark-hover-color,
825
+ href: (
826
+ hover: (
827
+ background-color: $cadmin-label-dark-hover-bg,
828
+ border-color: $cadmin-label-dark-hover-border-color,
829
+ color: $cadmin-label-dark-hover-color,
830
+ ),
831
+ focus: (
832
+ color: $cadmin-label-dark-hover-color,
833
+ ),
818
834
  ),
819
835
  link: (
820
836
  color: $cadmin-label-dark-link-color,
@@ -835,8 +851,10 @@ $cadmin-label-inverse-primary: map-deep-merge(
835
851
  background-color: $cadmin-primary,
836
852
  border-color: $cadmin-primary,
837
853
  color: $cadmin-white,
838
- hover: (
839
- color: $cadmin-white,
854
+ href: (
855
+ hover: (
856
+ color: $cadmin-white,
857
+ ),
840
858
  ),
841
859
  ),
842
860
  $cadmin-label-inverse-primary
@@ -848,8 +866,10 @@ $cadmin-label-inverse-secondary: map-deep-merge(
848
866
  background-color: $cadmin-secondary,
849
867
  border-color: $cadmin-secondary,
850
868
  color: $cadmin-white,
851
- hover: (
852
- color: $cadmin-white,
869
+ href: (
870
+ hover: (
871
+ color: $cadmin-white,
872
+ ),
853
873
  ),
854
874
  ),
855
875
  $cadmin-label-inverse-secondary
@@ -861,8 +881,10 @@ $cadmin-label-inverse-success: map-deep-merge(
861
881
  background-color: $cadmin-success,
862
882
  border-color: $cadmin-success,
863
883
  color: $cadmin-white,
864
- hover: (
865
- color: $cadmin-white,
884
+ href: (
885
+ hover: (
886
+ color: $cadmin-white,
887
+ ),
866
888
  ),
867
889
  ),
868
890
  $cadmin-label-inverse-success
@@ -874,8 +896,10 @@ $cadmin-label-inverse-info: map-deep-merge(
874
896
  background-color: $cadmin-info,
875
897
  border-color: $cadmin-info,
876
898
  color: $cadmin-white,
877
- hover: (
878
- color: $cadmin-white,
899
+ href: (
900
+ hover: (
901
+ color: $cadmin-white,
902
+ ),
879
903
  ),
880
904
  ),
881
905
  $cadmin-label-inverse-info
@@ -887,8 +911,10 @@ $cadmin-label-inverse-warning: map-deep-merge(
887
911
  background-color: $cadmin-warning,
888
912
  border-color: $cadmin-warning,
889
913
  color: $cadmin-white,
890
- hover: (
891
- color: $cadmin-white,
914
+ href: (
915
+ hover: (
916
+ color: $cadmin-white,
917
+ ),
892
918
  ),
893
919
  ),
894
920
  $cadmin-label-inverse-warning
@@ -900,8 +926,10 @@ $cadmin-label-inverse-danger: map-deep-merge(
900
926
  background-color: $cadmin-danger,
901
927
  border-color: $cadmin-danger,
902
928
  color: $cadmin-white,
903
- hover: (
904
- color: $cadmin-white,
929
+ href: (
930
+ hover: (
931
+ color: $cadmin-white,
932
+ ),
905
933
  ),
906
934
  ),
907
935
  $cadmin-label-inverse-danger
@@ -913,8 +941,10 @@ $cadmin-label-inverse-light: map-deep-merge(
913
941
  background-color: $cadmin-light,
914
942
  border-color: $cadmin-light,
915
943
  color: $cadmin-dark,
916
- hover: (
917
- color: $cadmin-dark,
944
+ href: (
945
+ hover: (
946
+ color: $cadmin-dark,
947
+ ),
918
948
  ),
919
949
  ),
920
950
  $cadmin-label-inverse-light
@@ -926,8 +956,10 @@ $cadmin-label-inverse-dark: map-deep-merge(
926
956
  background-color: $cadmin-dark,
927
957
  border-color: $cadmin-dark,
928
958
  color: $cadmin-white,
929
- hover: (
930
- color: $cadmin-white,
959
+ href: (
960
+ hover: (
961
+ color: $cadmin-white,
962
+ ),
931
963
  ),
932
964
  ),
933
965
  $cadmin-label-inverse-dark
package/src/scss/cadmin/variables/_links.scss CHANGED
@@ -111,8 +111,10 @@ $cadmin-link-outline: map-deep-merge(
111
111
  hover: (
112
112
  text-decoration: none,
113
113
  ),
114
- disabled-active: (
115
- pointer-events: none,
114
+ disabled: (
115
+ active: (
116
+ pointer-events: none,
117
+ ),
116
118
  ),
117
119
  lexicon-icon: (
118
120
  margin-top: 0,
@@ -208,8 +210,8 @@ $cadmin-link-monospaced: map-deep-merge(
208
210
  padding-top: 0,
209
211
  vertical-align: middle,
210
212
  width: $cadmin-link-monospaced-size,
211
- lexicon: (
212
- icon-margin-top: 0,
213
+ lexicon-icon: (
214
+ margin-top: 0,
213
215
  ),
214
216
  ),
215
217
  $cadmin-link-monospaced
@@ -321,9 +323,9 @@ $cadmin-component-action: map-deep-merge(
321
323
  color: $cadmin-secondary,
322
324
  cursor: $cadmin-disabled-cursor,
323
325
  opacity: $cadmin-btn-disabled-opacity,
324
- ),
325
- disabled-active: (
326
- pointer-events: none,
326
+ active: (
327
+ pointer-events: none,
328
+ ),
327
329
  ),
328
330
  btn-focus-box-shadow: map-get($cadmin-btn-secondary, focus-box-shadow),
329
331
  btn-focus-outline: 0,
package/src/scss/cadmin/variables/_management-bar.scss CHANGED
@@ -1,11 +1,23 @@
1
1
  $cadmin-management-bar-base: () !default;
2
2
  $cadmin-management-bar-base: map-deep-merge(
3
3
  (
4
- link-border-radius: $cadmin-border-radius,
5
- link-outline: 0,
6
- link-transition: box-shadow 0.15s ease-in-out,
7
- link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
8
- link-disabled-box-shadow: none,
4
+ border-color: transparent,
5
+ border-style: solid,
6
+ navbar-nav: (
7
+ nav-link: (
8
+ border-radius: $cadmin-border-radius,
9
+ outline: 0,
10
+ transition: box-shadow 0.15s ease-in-out,
11
+ focus: (
12
+ box-shadow: $cadmin-btn-focus-box-shadow,
13
+ ),
14
+ disabled: (
15
+ box-shadow: none,
16
+ ),
17
+ ),
18
+ ),
19
+ media-breakpoint-down: (),
20
+ media-breakpoint-up: (),
9
21
  ),
10
22
  $cadmin-management-bar-base
11
23
  );
@@ -39,18 +51,32 @@ $cadmin-management-bar-size: map-deep-merge(
39
51
  $cadmin-management-bar-light: () !default;
40
52
  $cadmin-management-bar-light: map-deep-merge(
41
53
  (
42
- bg: $cadmin-white,
43
- link-color: $cadmin-navbar-light-color,
44
- link-font-weight: $cadmin-font-weight-semi-bold,
45
- link-hover-color: $cadmin-gray-900,
46
- link-hover-bg: rgba($cadmin-gray-900, 0.03),
47
- link-focus-color: $cadmin-gray-900,
48
- link-focus-bg: rgba($cadmin-gray-900, 0.03),
49
- link-active-bg: rgba($cadmin-gray-900, 0.06),
50
- link-active-color: $cadmin-navbar-light-active-color,
51
- link-disabled-bg: transparent,
52
- link-disabled-color: $cadmin-navbar-light-disabled-color,
53
- link-disabled-opacity: 1,
54
+ background-color: $cadmin-white,
55
+ navbar-nav: (
56
+ nav-link: (
57
+ color: $cadmin-navbar-light-color,
58
+ font-weight: $cadmin-font-weight-semi-bold,
59
+ hover: (
60
+ color: $cadmin-gray-900,
61
+ background-color: rgba($cadmin-gray-900, 0.03),
62
+ ),
63
+ focus: (
64
+ color: $cadmin-gray-900,
65
+ background-color: rgba($cadmin-gray-900, 0.03),
66
+ ),
67
+ active: (
68
+ background-color: rgba($cadmin-gray-900, 0.06),
69
+ color: $cadmin-navbar-light-active-color,
70
+ ),
71
+ disabled: (
72
+ background-color: transparent,
73
+ color: $cadmin-navbar-light-disabled-color,
74
+ opacity: 1,
75
+ ),
76
+ ),
77
+ ),
78
+ media-breakpoint-down: (),
79
+ media-breakpoint-up: (),
54
80
  ),
55
81
  $cadmin-management-bar-light
56
82
  );
@@ -58,21 +84,35 @@ $cadmin-management-bar-light: map-deep-merge(
58
84
  $cadmin-management-bar-primary: () !default;
59
85
  $cadmin-management-bar-primary: map-deep-merge(
60
86
  (
61
- bg: $cadmin-primary-l3,
87
+ background-color: $cadmin-primary-l3,
62
88
  border-color: $cadmin-primary,
63
89
  color: $cadmin-navbar-light-color,
64
- link-border-radius: $cadmin-border-radius,
65
- link-color: $cadmin-navbar-light-color,
66
- link-font-weight: $cadmin-font-weight-semi-bold,
67
- link-hover-color: $cadmin-gray-900,
68
- link-hover-bg: rgba($cadmin-gray-900, 0.03),
69
- link-focus-color: $cadmin-gray-900,
70
- link-focus-bg: rgba($cadmin-gray-900, 0.03),
71
- link-active-bg: rgba($cadmin-gray-900, 0.06),
72
- link-active-color: $cadmin-navbar-light-active-color,
73
- link-disabled-bg: transparent,
74
- link-disabled-color: $cadmin-navbar-light-disabled-color,
75
- link-disabled-opacity: 1,
90
+ navbar-nav: (
91
+ nav-link: (
92
+ border-radius: $cadmin-border-radius,
93
+ color: $cadmin-navbar-light-color,
94
+ font-weight: $cadmin-font-weight-semi-bold,
95
+ hover: (
96
+ color: $cadmin-gray-900,
97
+ background-color: rgba($cadmin-gray-900, 0.03),
98
+ ),
99
+ focus: (
100
+ color: $cadmin-gray-900,
101
+ background-color: rgba($cadmin-gray-900, 0.03),
102
+ ),
103
+ active: (
104
+ background-color: rgba($cadmin-gray-900, 0.06),
105
+ color: $cadmin-navbar-light-active-color,
106
+ ),
107
+ disabled: (
108
+ background-color: transparent,
109
+ color: $cadmin-navbar-light-disabled-color,
110
+ opacity: 1,
111
+ ),
112
+ ),
113
+ ),
114
+ media-breakpoint-down: (),
115
+ media-breakpoint-up: (),
76
116
  ),
77
117
  $cadmin-management-bar-primary
78
118
  );
package/src/scss/cadmin/variables/_navigation-bar.scss CHANGED
@@ -24,10 +24,22 @@ $cadmin-navigation-bar-size: map-deep-merge(
24
24
  $cadmin-navigation-bar-base: () !default;
25
25
  $cadmin-navigation-bar-base: map-deep-merge(
26
26
  (
27
- link-border-radius: 0,
28
- link-outline: 0,
29
- link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
30
- link-disabled-box-shadow: none,
27
+ border-color: transparent,
28
+ border-style: solid,
29
+ navbar-nav: (
30
+ nav-link: (
31
+ border-radius: 0,
32
+ outline: 0,
33
+ focus: (
34
+ box-shadow: $cadmin-btn-focus-box-shadow,
35
+ ),
36
+ disabled: (
37
+ box-shadow: none,
38
+ ),
39
+ ),
40
+ ),
41
+ media-breakpoint-down: (),
42
+ media-breakpoint-up: (),
31
43
  ),
32
44
  $cadmin-navigation-bar-base
33
45
  );
@@ -35,15 +47,55 @@ $cadmin-navigation-bar-base: map-deep-merge(
35
47
  $cadmin-navigation-bar-light: () !default;
36
48
  $cadmin-navigation-bar-light: map-deep-merge(
37
49
  (
38
- bg: $cadmin-white,
50
+ background-color: $cadmin-white,
39
51
  border-color: $cadmin-gray-200,
40
- link-color: $cadmin-navbar-light-color,
41
- link-font-weight: $cadmin-font-weight-semi-bold,
42
- link-hover-color: $cadmin-gray-900,
43
- link-focus-color: $cadmin-gray-900,
44
- link-active-color: $cadmin-navbar-light-active-color,
45
- link-disabled-color: $cadmin-gray-600,
46
- link-disabled-opacity: $cadmin-btn-disabled-opacity,
52
+ navbar-nav: (
53
+ nav-link: (
54
+ color: $cadmin-navbar-light-color,
55
+ font-weight: $cadmin-font-weight-semi-bold,
56
+ hover: (
57
+ color: $cadmin-gray-900,
58
+ ),
59
+ focus: (
60
+ color: $cadmin-gray-900,
61
+ ),
62
+ active: (
63
+ color: $cadmin-navbar-light-active-color,
64
+ ),
65
+ disabled: (
66
+ color: $cadmin-gray-600,
67
+ opacity: $cadmin-btn-disabled-opacity,
68
+ ),
69
+ ),
70
+ ),
71
+ media-breakpoint-down: (
72
+ sm: (
73
+ navbar-expand-md: (
74
+ navbar-collapse: (
75
+ navbar-nav: (
76
+ dropdown-item: (
77
+ color: $cadmin-navbar-light-color,
78
+ font-weight: $cadmin-font-weight-semi-bold,
79
+ hover: (
80
+ color: $cadmin-gray-900,
81
+ ),
82
+ focus: (
83
+ color: $cadmin-gray-900,
84
+ ),
85
+ active: (
86
+ color: $cadmin-navbar-light-active-color,
87
+ ),
88
+ disabled: (
89
+ color: $cadmin-gray-600,
90
+ opacity: $cadmin-btn-disabled-opacity,
91
+ ),
92
+ ),
93
+ ),
94
+ ),
95
+ ),
96
+ ),
97
+ ),
98
+ media-breakpoint-up: (),
47
99
  ),
48
100
  $cadmin-navigation-bar-light
49
101
  );
@@ -51,17 +103,61 @@ $cadmin-navigation-bar-light: map-deep-merge(
51
103
  $cadmin-navigation-bar-secondary: () !default;
52
104
  $cadmin-navigation-bar-secondary: map-deep-merge(
53
105
  (
54
- bg: $cadmin-secondary-d1,
106
+ background-color: $cadmin-secondary-d1,
55
107
  color: $cadmin-white,
56
- link-color: $cadmin-secondary-l2,
57
- link-font-weight: $cadmin-font-weight-semi-bold,
58
- link-hover-color: $cadmin-white,
59
- link-focus-color: $cadmin-white,
60
- link-active-color: $cadmin-white,
61
- link-disabled-color: $cadmin-gray-400,
62
- link-disabled-opacity: $cadmin-btn-disabled-opacity,
63
- brand-color: rgba(255, 255, 255, 0.9),
64
- brand-hover-color: rgba(255, 255, 255, 0.9),
108
+ navbar-nav: (
109
+ nav-link: (
110
+ color: $cadmin-secondary-l2,
111
+ font-weight: $cadmin-font-weight-semi-bold,
112
+ hover: (
113
+ color: $cadmin-white,
114
+ ),
115
+ focus: (
116
+ color: $cadmin-white,
117
+ ),
118
+ active: (
119
+ color: $cadmin-white,
120
+ ),
121
+ disabled: (
122
+ color: $cadmin-gray-400,
123
+ opacity: $cadmin-btn-disabled-opacity,
124
+ ),
125
+ ),
126
+ ),
127
+ navbar-brand: (
128
+ color: rgba(255, 255, 255, 0.9),
129
+ hover: (
130
+ color: rgba(255, 255, 255, 0.9),
131
+ ),
132
+ ),
133
+ media-breakpoint-down: (
134
+ sm: (
135
+ navbar-expand-md: (
136
+ navbar-collapse: (
137
+ navbar-nav: (
138
+ dropdown-item: (
139
+ color: $cadmin-secondary-l2,
140
+ font-weight: $cadmin-font-weight-semi-bold,
141
+ hover: (
142
+ color: $cadmin-white,
143
+ ),
144
+ focus: (
145
+ color: $cadmin-white,
146
+ ),
147
+ active: (
148
+ color: $cadmin-white,
149
+ ),
150
+ disabled: (
151
+ color: $cadmin-gray-400,
152
+ opacity: $cadmin-btn-disabled-opacity,
153
+ ),
154
+ ),
155
+ ),
156
+ ),
157
+ ),
158
+ ),
159
+ ),
160
+ media-breakpoint-up: (),
65
161
  ),
66
162
  $cadmin-navigation-bar-secondary
67
163
  );