@clayui/css 3.122.0 → 3.124.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 +187 -44
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +146 -3
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +141 -2
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/flags-de-AT.svg +12 -0
  8. package/lib/images/icons/flags-de-CH.svg +11 -0
  9. package/lib/images/icons/flags-fr-BE.svg +12 -0
  10. package/lib/images/icons/flags-fr-CH.svg +11 -0
  11. package/lib/images/icons/flags-it-CH.svg +11 -0
  12. package/lib/images/icons/flags-mk-MK.svg +19 -0
  13. package/lib/images/icons/flags-no-NO.svg +14 -0
  14. package/lib/images/icons/icons.svg +1 -1
  15. package/package.json +2 -2
  16. package/src/images/icons/flags-de-AT.svg +12 -0
  17. package/src/images/icons/flags-de-CH.svg +11 -0
  18. package/src/images/icons/flags-fr-BE.svg +12 -0
  19. package/src/images/icons/flags-fr-CH.svg +11 -0
  20. package/src/images/icons/flags-it-CH.svg +11 -0
  21. package/src/images/icons/flags-mk-MK.svg +19 -0
  22. package/src/images/icons/flags-no-NO.svg +14 -0
  23. package/src/scss/_license-text.scss +1 -1
  24. package/src/scss/atlas/variables/_globals.scss +10 -10
  25. package/src/scss/cadmin/components/_menubar.scss +8 -0
  26. package/src/scss/cadmin/variables/_menubar.scss +123 -0
  27. package/src/scss/components/_icons.scss +2 -1
  28. package/src/scss/components/_menubar.scss +8 -0
  29. package/src/scss/functions/_lx-icons-generated.scss +14 -0
  30. package/src/scss/mixins/_links.scss +34 -0
  31. package/src/scss/mixins/_menubar.scss +12 -0
  32. package/src/scss/variables/_menubar.scss +123 -0
  33. package/src/scss/variables/_navs.scss +2 -0
package/src/scss/cadmin/variables/_menubar.scss CHANGED
@@ -1,3 +1,126 @@
1
+ $cadmin-menubar-primary: () !default;
2
+ $cadmin-menubar-primary: map-deep-merge(
3
+ (
4
+ nav-item: (
5
+ position: relative,
6
+ ),
7
+ nav-link: (
8
+ border-radius: 0,
9
+ color: $cadmin-gray-900,
10
+ line-height: 24px,
11
+ transition: #{color 0.15s ease-in-out,
12
+ background-color 0.15s ease-in-out,
13
+ border-color 0.15s ease-in-out,
14
+ box-shadow 0.15s ease-in-out},
15
+ before: (
16
+ bottom: 0,
17
+ content: '',
18
+ display: block,
19
+ left: 0,
20
+ position: absolute,
21
+ top: 0,
22
+ transition: $cadmin-transition-base,
23
+ ),
24
+ hover: (
25
+ background-color: $cadmin-primary-l3,
26
+ color: $cadmin-gray-900,
27
+ letter-spacing: 0,
28
+ before: (
29
+ background: $cadmin-secondary-l0,
30
+ width: 2px,
31
+ ),
32
+ ),
33
+ focus: (
34
+ background-color: c-unset,
35
+ box-shadow: none,
36
+ color: $cadmin-gray-900,
37
+ outline: 0,
38
+ after: (
39
+ bottom: 0,
40
+ box-shadow: $cadmin-component-focus-inset-box-shadow,
41
+ content: '',
42
+ display: block,
43
+ left: 0,
44
+ pointer-events: none,
45
+ position: absolute,
46
+ right: 0,
47
+ top: 0,
48
+ ),
49
+ ),
50
+ active-class: (
51
+ background-color: $cadmin-primary-l3,
52
+ color: $cadmin-gray-900,
53
+ font-weight: $cadmin-font-weight-semi-bold,
54
+ before: (
55
+ background-color: $cadmin-primary,
56
+ width: 6px,
57
+ ),
58
+ focus: (
59
+ before: (
60
+ display: none,
61
+ ),
62
+ ),
63
+ ),
64
+ disabled: (
65
+ background-color: transparent,
66
+ box-shadow: none,
67
+ font-weight: $cadmin-font-weight-normal,
68
+ letter-spacing: 0.016rem,
69
+ before: (
70
+ content: none,
71
+ ),
72
+ after: (
73
+ content: none,
74
+ ),
75
+ ),
76
+ show: (
77
+ background-color: c-unset,
78
+ box-shadow: c-unset,
79
+ color: $cadmin-gray-900,
80
+ before: (
81
+ background-color: transparent,
82
+ width: 0,
83
+ ),
84
+ hover: (
85
+ before: (
86
+ background-color: $cadmin-secondary-l0,
87
+ width: 2px,
88
+ ),
89
+ ),
90
+ ),
91
+ autofit-row: (
92
+ align-items: center,
93
+ margin-left: -4px,
94
+ margin-right: -4px,
95
+ autofit-col: (
96
+ padding-left: 4px,
97
+ padding-right: 4px,
98
+ ),
99
+ ),
100
+ collapse-icon: (
101
+ font-size: 12px,
102
+ font-weight: $cadmin-font-weight-semi-bold,
103
+ text-transform: uppercase,
104
+ collapse-icon-closed: (
105
+ top: calc(22px - (1em / 2)),
106
+ ),
107
+ collapse-icon-open: (
108
+ top: calc(22px - (1em / 2)),
109
+ ),
110
+ ),
111
+ ),
112
+ menubar-actions-1: (
113
+ padding-right: 64px,
114
+ ),
115
+ menubar-action: (
116
+ position: absolute,
117
+ top: 10px,
118
+ right: 32px,
119
+ ),
120
+ ),
121
+ $cadmin-menubar-primary
122
+ );
123
+
1
124
  // Menubar Vertical MD
2
125
 
3
126
  $cadmin-menubar-vertical-expand-md: () !default;
package/src/scss/components/_icons.scss CHANGED
@@ -29,7 +29,8 @@
29
29
  // Collapse Icon
30
30
 
31
31
  a.collapse-icon,
32
- button.collapse-icon {
32
+ button.collapse-icon,
33
+ .collapse-icon[tabindex] {
33
34
  padding-left: $collapse-icon-padding-left;
34
35
  padding-right: $collapse-icon-padding-right;
35
36
 
package/src/scss/components/_menubar.scss CHANGED
@@ -8,6 +8,14 @@
8
8
  display: none;
9
9
  }
10
10
 
11
+ .menubar-primary {
12
+ @include clay-menubar-vertical-variant($menubar-primary);
13
+
14
+ .nav .nav .nav > li > .nav-link {
15
+ margin-left: 1rem;
16
+ }
17
+ }
18
+
11
19
  // Menubar Vertical MD
12
20
 
13
21
  .menubar-vertical-expand-md {
package/src/scss/functions/_lx-icons-generated.scss CHANGED
@@ -360,6 +360,10 @@
360
360
 
361
361
  'da-dk': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#FFF" d="M144 80h64v352h-64z"/><path fill="#FFF" d="M16 224h480.1v64H16z"/></svg>',
362
362
 
363
+ 'de-at': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#B0BEC9"/><path d="M15.5 2.51H.5v3.5h15v-3.5ZM15.5 10H.5v3.5h15V10Z" fill="#C8102E"/><path d="M15.5 6H.5v4h15V6Z" fill="#FFF"/></svg>',
364
+
365
+ 'de-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
366
+
363
367
  'de-de': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#4C4C4E" d="M16 80.3h480v112H16z"/><path fill="#FCD638" d="M16 320h480v112H16z"/><path fill="#E03232" d="M16 192h480v128H16z"/></svg>',
364
368
 
365
369
  'el-gr': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#0035A0" d="M16 80h480v39.1H16z"/><path fill="#FFF" d="M16 119.1h480v39.1H16zM16 197.3h480v39.1H16z"/><path fill="#0035A0" d="M16 236.4h480v39.1H16z"/><path fill="#FFF" d="M16 275.6h480v39.1H16z"/><path fill="#0035A0" d="M16 314.7h480v39.1H16z"/><path fill="#FFF" d="M16 353.8h480v39.1H16z"/><path fill="#0035A0" d="M16 392.9h480V432H16zM16.1 80H224v195.6H16.1z"/><path fill="#0035A0" d="M16 158.2h480v39.1H16z"/><path fill="#FFF" d="M100.2 80h39.1v195.6h-39.1z"/><path fill="#FFF" d="M16.5 158.2h207.8v39.1H16.5z"/></svg>',
@@ -388,8 +392,12 @@
388
392
 
389
393
  'fi-fi': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0035A0" d="M144 80h64v352h-64z"/><path fill="#0035A0" d="M16 224h480.1v64H16z"/></svg>',
390
394
 
395
+ 'fr-be': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#4C4C4E" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FCD638" d="M176 80h160v352H176z"/></svg>',
396
+
391
397
  'fr-ca': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h112v352H16zM384 80h112v352H384z"/><path fill="#FFF" d="M128 80h256v352H128z"/><path fill="#E03232" d="M301.9 300.3c0 3.6 4.1 13.4 4.1 13.4s-34.2-5.7-37.1-6.2-5.5-.5-5.4 5.5l2.4 18.2h-8.4l1.9-18.2c0-6-2.6-6-5.5-5.5l-37.1 6.4s4-9.7 4-13.4c0-4.7-10.1-11.4-21.1-21-11-9.7-18.6-14.6-18.6-15.7 0-1 7.8-.8 7.8-6.6 0-5.7-7.4-27.3-7.4-27.3s15.4 6 19.6 5.9c4.2 0 10.7-8.4 10.7-14.4 0 0 20.1 25.4 24.3 23.5 4.2-1.8-7.7-51.8-7.7-51.8s12 10.9 16.1 9.6c4.2-1.3 15.9-31.3 15.9-31.3s.1-.4.4-.4c.2 0 .4.4.4.4s11.8 29.9 16 31.1c4.2 1.3 16.1-9.7 16.1-9.7s-11.6 50-7.4 51.9c4.2 1.8 24.2-23.8 24.2-23.8 0 6 6.6 14.4 10.7 14.4 4.2-.1 19.5-6.1 19.5-6.1s-7.3 21.6-7.2 27.4c0 5.8 7.8 5.5 7.8 6.5s-7.6 6-18.5 15.8c-10.5 10-20.5 16.6-20.5 21.4z"/></svg>',
392
398
 
399
+ 'fr-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
400
+
393
401
  'fr-fr': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#0035A0" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FFF" d="M176 80h160v352H176z"/></svg>',
394
402
 
395
403
  'gl-es': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0094CE" d="M256 295.7 441.9 432H496v-39.7L310.1 256 256 216.3 70.1 80H16v39.7L201.9 256z"/></svg>',
@@ -402,6 +410,8 @@
402
410
 
403
411
  'in-id': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80.6h480v176H16z"/><path fill="#FFF" d="M16 256h480v176H16z"/></svg>',
404
412
 
413
+ 'it-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
414
+
405
415
  'it-it': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#75BD4A" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FFF" d="M176 80h160v352H176z"/></svg>',
406
416
 
407
417
  'iw-il': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0094CE" d="M16 96h480v64H16zM16 352h480v64H16zM256 192l32 47.7 32 47.8H192l32-47.8z"/><path fill="#0094CE" d="m256 320-32-47.7-32-47.8h128l-32 47.8z"/><circle fill="#FFF" cx="256" cy="256" r="16"/></svg>',
@@ -418,6 +428,8 @@
418
428
 
419
429
  'lt-lt': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FCD638" d="M16 80.3h480v112H16z"/><path fill="#E03232" d="M16 320h480v112H16z"/><path fill="#75BD4A" d="M16 192h480v128H16z"/></svg>',
420
430
 
431
+ 'mk-mk': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#CE2028"/><path d="M7.5 10 7 13.5h2L8.5 10h-1ZM8.5 6 9 2.5H7L7.5 6h1ZM10.01 8.5l5.49.5V7l-5.49.5v1ZM5.99 7.5.5 7v2l5.49-.5v-1ZM6.643 8.693.503 13.5h3.318l3.53-4.1-.708-.707ZM9.36 8.693 15.5 13.5h-3.317l-3.53-4.1.708-.707ZM9.36 7.307 15.5 2.5h-3.317l-3.53 4.1.708.707ZM6.64 7.307.5 2.5h3.317l3.53 4.1-.708.707Z" fill="#F9D616"/><path d="M8 9.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" fill="#F9D616" stroke="#CE2028"/></svg>',
432
+
421
433
  'ms-my': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path d="M0 0h32v24H0V0z" fill="#B0BEC9"/><path d="M1 1h30v22H1V1z" fill="#E03232"/><path d="M1 3h30v2H1V3zm0 4h30v2H1V7zm0 4h30v2H1v-2zm0 4h30v2H1v-2zm0 4h30v2H1v-2z" fill="#FFF"/><path d="M1 1h16v12H1V1z" fill="#00206A"/><path d="M5.6 7c0-1.9 1.4-3.5 3.2-3.9-.2 0-.5-.1-.8-.1-2.2 0-4 1.8-4 4s1.8 4 4 4c.3 0 .5 0 .8-.1C7 10.6 5.6 9 5.6 7z" fill="#FCD638"/><path d="M11.5 4.5c3.1 0 3.3 5 0 5-3.1 0-3.2-5 0-5z" fill="#FCD638"/></svg>',
422
434
 
423
435
  'nb-no': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#FFF" d="M128 80h96v352h-96z"/><path fill="#FFF" d="M16 208h480.1v96H16z"/><path fill="#0035A0" d="M16 240h480.1v32H16z"/><path fill="#0035A0" d="M160 80h32v352h-32z"/></svg>',
@@ -426,6 +438,8 @@
426
438
 
427
439
  'nl-nl': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80.3h480v112H16z"/><path fill="#0035A0" d="M16 320h480v112H16z"/><path fill="#FFF" d="M16 192h480v128H16z"/></svg>',
428
440
 
441
+ 'no-no': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#B0BEC9"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#E03232"/><path d="M7 2.5H4v11h3v-11Z" fill="#FFF"/><path d="M15.503 6.5H.5v3h15.003v-3Z" fill="#FFF"/><path d="M15.503 7.5H.5v1h15.003v-1Z" fill="#0035A0"/><path d="M6 2.5H5v11h1v-11Z" fill="#0035A0"/></svg>',
442
+
429
443
  'pl-pl': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80.6h480v176H16z"/><path fill="#E03232" d="M16 256h480v176H16z"/></svg>',
430
444
 
431
445
  'pt-br': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#75BD4A" d="M16 80h480v352H16z"/><path fill="#FCD638" d="M256 416 32 256 256 96l224 160z"/><circle fill="#0035A0" cx="256" cy="256" r="80"/></svg>',
package/src/scss/mixins/_links.scss CHANGED
@@ -938,6 +938,40 @@
938
938
  }
939
939
  }
940
940
 
941
+ &.collapse-icon {
942
+ $_collapse-icon: setter(map-get($map, collapse-icon), ());
943
+
944
+ @include clay-css($_collapse-icon);
945
+
946
+ .collapse-icon-closed {
947
+ @include clay-css(
948
+ map-get($_collapse-icon, collapse-icon-closed)
949
+ );
950
+ }
951
+
952
+ .collapse-icon-open {
953
+ @include clay-css(
954
+ map-get($_collapse-icon, collapse-icon-open)
955
+ );
956
+ }
957
+ }
958
+
959
+ .autofit-row {
960
+ $_autofit-row: setter(map-get($map, autofit-row), ());
961
+
962
+ @include clay-css($_autofit-row);
963
+
964
+ .autofit-col {
965
+ @include clay-css(map-get($_autofit-row, autofit-col));
966
+ }
967
+
968
+ .autofit-col-expand {
969
+ @include clay-css(
970
+ map-get($_autofit-row, autofit-col-expand)
971
+ );
972
+ }
973
+ }
974
+
941
975
  @if (map-get($c-inner, enabled)) {
942
976
  > .c-inner {
943
977
  @include clay-css($c-inner);
package/src/scss/mixins/_menubar.scss CHANGED
@@ -931,6 +931,10 @@
931
931
  }
932
932
  }
933
933
 
934
+ .nav-item {
935
+ @include clay-css(map-get($map, nav-item));
936
+ }
937
+
934
938
  .nav-link {
935
939
  $_nav-link: setter(map-get($map, nav-link), ());
936
940
  $_nav-link: map-deep-merge($link, $_nav-link);
@@ -942,6 +946,14 @@
942
946
  }
943
947
  }
944
948
 
949
+ .menubar-actions-1 {
950
+ @include clay-css(map-get($map, menubar-actions-1));
951
+ }
952
+
953
+ .menubar-action {
954
+ @include clay-css(map-get($map, menubar-action));
955
+ }
956
+
945
957
  $_media-breakpoint-down: map-get($map, media-breakpoint-down);
946
958
  $_media-breakpoint-up: map-get($map, media-breakpoint-up);
947
959
 
package/src/scss/variables/_menubar.scss CHANGED
@@ -1,3 +1,126 @@
1
+ $menubar-primary: () !default;
2
+ $menubar-primary: map-deep-merge(
3
+ (
4
+ nav-item: (
5
+ position: relative,
6
+ ),
7
+ nav-link: (
8
+ border-radius: 0,
9
+ color: $gray-900,
10
+ line-height: 24px,
11
+ transition: #{color 0.15s ease-in-out,
12
+ background-color 0.15s ease-in-out,
13
+ border-color 0.15s ease-in-out,
14
+ box-shadow 0.15s ease-in-out},
15
+ before: (
16
+ bottom: 0,
17
+ content: '',
18
+ display: block,
19
+ left: 0,
20
+ position: absolute,
21
+ top: 0,
22
+ transition: $transition-base,
23
+ ),
24
+ hover: (
25
+ background-color: $primary-l3,
26
+ color: $gray-900,
27
+ letter-spacing: 0,
28
+ before: (
29
+ background: $secondary-l0,
30
+ width: 0.125rem,
31
+ ),
32
+ ),
33
+ focus: (
34
+ background-color: c-unset,
35
+ box-shadow: none,
36
+ color: $gray-900,
37
+ outline: 0,
38
+ after: (
39
+ bottom: 0,
40
+ box-shadow: $component-focus-inset-box-shadow,
41
+ content: '',
42
+ display: block,
43
+ left: 0,
44
+ pointer-events: none,
45
+ position: absolute,
46
+ right: 0,
47
+ top: 0,
48
+ ),
49
+ ),
50
+ active-class: (
51
+ background-color: $primary-l3,
52
+ color: $gray-900,
53
+ font-weight: $font-weight-semi-bold,
54
+ before: (
55
+ background-color: $primary,
56
+ width: 0.375rem,
57
+ ),
58
+ focus: (
59
+ before: (
60
+ display: none,
61
+ ),
62
+ ),
63
+ ),
64
+ disabled: (
65
+ background-color: transparent,
66
+ box-shadow: none,
67
+ font-weight: $font-weight-normal,
68
+ letter-spacing: 0.016rem,
69
+ before: (
70
+ content: none,
71
+ ),
72
+ after: (
73
+ content: none,
74
+ ),
75
+ ),
76
+ show: (
77
+ background-color: c-unset,
78
+ box-shadow: c-unset,
79
+ color: $gray-900,
80
+ before: (
81
+ background-color: transparent,
82
+ width: 0,
83
+ ),
84
+ hover: (
85
+ before: (
86
+ background-color: $secondary-l0,
87
+ width: 0.125rem,
88
+ ),
89
+ ),
90
+ ),
91
+ autofit-row: (
92
+ align-items: center,
93
+ margin-left: -0.25rem,
94
+ margin-right: -0.25rem,
95
+ autofit-col: (
96
+ padding-left: 0.25rem,
97
+ padding-right: 0.25rem,
98
+ ),
99
+ ),
100
+ collapse-icon: (
101
+ font-size: 0.75rem,
102
+ font-weight: $font-weight-semi-bold,
103
+ text-transform: uppercase,
104
+ collapse-icon-closed: (
105
+ top: calc(22px - (1em / 2)),
106
+ ),
107
+ collapse-icon-open: (
108
+ top: calc(22px - (1em / 2)),
109
+ ),
110
+ ),
111
+ ),
112
+ menubar-actions-1: (
113
+ padding-right: 4rem,
114
+ ),
115
+ menubar-action: (
116
+ position: absolute,
117
+ top: 0.625rem,
118
+ right: 2rem,
119
+ ),
120
+ ),
121
+ $menubar-primary
122
+ );
123
+
1
124
  // Menubar Vertical MD
2
125
 
3
126
  $menubar-vertical-expand-md: () !default;
package/src/scss/variables/_navs.scss CHANGED
@@ -11,12 +11,14 @@ $nav-link-disabled-cursor: $disabled-cursor !default;
11
11
  $nav-link: () !default;
12
12
  $nav-link: map-deep-merge(
13
13
  (
14
+ cursor: pointer,
14
15
  display: block,
15
16
  padding-bottom: $nav-link-padding-y,
16
17
  padding-left: $nav-link-padding-x,
17
18
  padding-right: $nav-link-padding-x,
18
19
  padding-top: $nav-link-padding-y,
19
20
  position: relative,
21
+ user-select: none,
20
22
  hover: (
21
23
  text-decoration: none,
22
24
  ),