@clayui/css 3.161.0 → 3.163.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 (97) hide show
  1. package/lib/css/atlas.css +136 -6
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +134 -5
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +74 -7
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/arrow-key-down.svg +9 -0
  8. package/lib/images/icons/arrow-key-left.svg +9 -0
  9. package/lib/images/icons/arrow-key-right.svg +9 -0
  10. package/lib/images/icons/arrow-key-up.svg +9 -0
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +1 -1
  13. package/src/images/icons/arrow-key-down.svg +9 -0
  14. package/src/images/icons/arrow-key-left.svg +9 -0
  15. package/src/images/icons/arrow-key-right.svg +9 -0
  16. package/src/images/icons/arrow-key-up.svg +9 -0
  17. package/src/images/icons/icons.svg +1 -1
  18. package/src/scss/_components.scss +2 -0
  19. package/src/scss/_license-text.scss +1 -1
  20. package/src/scss/atlas/variables/_forms.scss +3 -1
  21. package/src/scss/atlas/variables/_reorder.scss +1 -1
  22. package/src/scss/atlas-custom-properties/_variables.scss +0 -2
  23. package/src/scss/atlas-custom-properties/variables/_alerts.scss +928 -935
  24. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +54 -56
  25. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +25 -27
  26. package/src/scss/atlas-custom-properties/variables/_badges.scss +298 -309
  27. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +175 -187
  28. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1164 -1220
  29. package/src/scss/atlas-custom-properties/variables/_c-root.scss +343 -353
  30. package/src/scss/atlas-custom-properties/variables/_cards.scss +1009 -1014
  31. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +560 -590
  32. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +766 -797
  33. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +532 -614
  34. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +244 -252
  35. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1052 -1073
  36. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +65 -68
  37. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +90 -92
  38. package/src/scss/atlas-custom-properties/variables/_forms.scss +1918 -1955
  39. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +27 -29
  40. package/src/scss/atlas-custom-properties/variables/_globals.scss +799 -801
  41. package/src/scss/atlas-custom-properties/variables/_icons.scss +71 -73
  42. package/src/scss/atlas-custom-properties/variables/_images.scss +8 -13
  43. package/src/scss/atlas-custom-properties/variables/_labels.scss +1091 -1202
  44. package/src/scss/atlas-custom-properties/variables/_links.scss +394 -410
  45. package/src/scss/atlas-custom-properties/variables/_list-group.scss +455 -460
  46. package/src/scss/atlas-custom-properties/variables/_loaders.scss +187 -204
  47. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +135 -137
  48. package/src/scss/atlas-custom-properties/variables/_menubar.scss +605 -663
  49. package/src/scss/atlas-custom-properties/variables/_modals.scss +582 -587
  50. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +342 -312
  51. package/src/scss/atlas-custom-properties/variables/_navbar.scss +170 -172
  52. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +337 -361
  53. package/src/scss/atlas-custom-properties/variables/_navs.scss +501 -495
  54. package/src/scss/atlas-custom-properties/variables/_pagination.scss +851 -888
  55. package/src/scss/atlas-custom-properties/variables/_panels.scss +467 -480
  56. package/src/scss/atlas-custom-properties/variables/_popovers.scss +483 -515
  57. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +146 -139
  58. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +24 -23
  59. package/src/scss/atlas-custom-properties/variables/_range.scss +215 -220
  60. package/src/scss/atlas-custom-properties/variables/_reorder.scss +82 -82
  61. package/src/scss/atlas-custom-properties/variables/_resizer.scss +27 -16
  62. package/src/scss/atlas-custom-properties/variables/_sheets.scss +275 -275
  63. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +2 -4
  64. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +413 -445
  65. package/src/scss/atlas-custom-properties/variables/_slideout.scss +300 -310
  66. package/src/scss/atlas-custom-properties/variables/_stickers.scss +551 -553
  67. package/src/scss/atlas-custom-properties/variables/_tables.scss +1094 -1079
  68. package/src/scss/atlas-custom-properties/variables/_tbar.scss +491 -557
  69. package/src/scss/atlas-custom-properties/variables/_time.scss +121 -130
  70. package/src/scss/atlas-custom-properties/variables/_timelines.scss +50 -43
  71. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +562 -566
  72. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +295 -306
  73. package/src/scss/atlas-custom-properties/variables/_treeview.scss +276 -278
  74. package/src/scss/atlas-custom-properties/variables/_type.scss +186 -185
  75. package/src/scss/atlas-custom-properties/variables/_utilities.scss +705 -788
  76. package/src/scss/atlas-variables.scss +0 -2
  77. package/src/scss/atlas.scss +0 -2
  78. package/src/scss/base-variables.scss +0 -2
  79. package/src/scss/base.scss +0 -2
  80. package/src/scss/cadmin/components/_focus-ring.scss +74 -0
  81. package/src/scss/cadmin/components/_forms.scss +2 -0
  82. package/src/scss/cadmin/components/_menubar.scss +8 -0
  83. package/src/scss/cadmin/components/_resizer.scss +19 -4
  84. package/src/scss/cadmin/variables/_breadcrumbs.scss +3 -1
  85. package/src/scss/cadmin/variables/_forms.scss +3 -1
  86. package/src/scss/cadmin/variables/_reorder.scss +1 -0
  87. package/src/scss/cadmin/variables/_resizer.scss +16 -3
  88. package/src/scss/cadmin.scss +1 -0
  89. package/src/scss/components/_focus-ring.scss +64 -0
  90. package/src/scss/components/_forms.scss +2 -0
  91. package/src/scss/components/_keyboard-arrows-indicator.scss +82 -0
  92. package/src/scss/components/_menubar.scss +8 -0
  93. package/src/scss/components/_resizer.scss +15 -4
  94. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  95. package/src/scss/variables/_breadcrumbs.scss +4 -2
  96. package/src/scss/variables/_forms.scss +2 -0
  97. package/src/scss/variables/_resizer.scss +16 -3
package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss CHANGED
@@ -1,301 +1,277 @@
1
- @if ($enable-atlas-custom-properties) {
2
- $navigation-bar-size: ();
3
- $navigation-bar-size: map-deep-merge(
4
- (
5
- scaling-navbar: false,
6
-
7
- border-bottom-width: 1px,
8
- font-size: var(--navigation-bar-font-size, $navbar-font-size),
9
- height: var(--navigation-bar-height, 48px),
10
- padding-x: var(--navigation-bar-padding-x, 0px),
11
- padding-y: var(--navigation-bar-padding-y, 0px),
12
- link-padding-x: var(--navigation-bar-nav-link-link-padding-x, 16px),
13
- nav-item-dropdown-margin-top: 0,
14
-
15
- active-border-bottom-width: 4px,
16
- active-border-offset-bottom: -8.5px,
17
-
18
- link-height-mobile: 32px,
19
-
20
- collapse-dropdown-item-padding-x-mobile: 16px,
21
- collapse-dropdown-item-padding-y-mobile: 13px,
22
-
23
- toggler-link-height: 32px,
24
- toggler-link-margin-y: 7.5px,
25
- toggler-link-padding-y: 0,
26
-
27
- media-breakpoint-down: (),
28
- media-breakpoint-up: (),
29
- ),
30
- $navigation-bar-size
31
- );
32
-
33
- $navigation-bar-base: ();
34
- $navigation-bar-base: map-deep-merge(
35
- (
36
- border-color: transparent,
37
- border-style: solid,
38
-
39
- navbar-nav: (
40
- nav-link: (
41
- border-radius: clay-enable-rounded($border-radius),
42
- border-width: 0,
43
- outline: 0,
44
- font-size: inherit,
45
-
46
- focus: (
47
- box-shadow: $component-focus-box-shadow,
48
- ),
1
+ $navigation-bar-size: () !default;
2
+ $navigation-bar-size: map-deep-merge(
3
+ (
4
+ scaling-navbar: false,
5
+
6
+ border-bottom-width: 1px,
7
+ font-size: var(--navigation-bar-font-size, $navbar-font-size),
8
+ height: var(--navigation-bar-height, 48px),
9
+ padding-x: var(--navigation-bar-padding-x, 0px),
10
+ padding-y: var(--navigation-bar-padding-y, 0px),
11
+ link-padding-x: var(--navigation-bar-nav-link-link-padding-x, 16px),
12
+ nav-item-dropdown-margin-top: 0,
13
+
14
+ active-border-bottom-width: 4px,
15
+ active-border-offset-bottom: -8.5px,
16
+
17
+ link-height-mobile: 32px,
18
+
19
+ collapse-dropdown-item-padding-x-mobile: 16px,
20
+ collapse-dropdown-item-padding-y-mobile: 13px,
21
+
22
+ toggler-link-height: 32px,
23
+ toggler-link-margin-y: 7.5px,
24
+ toggler-link-padding-y: 0,
25
+
26
+ media-breakpoint-down: (),
27
+ media-breakpoint-up: (),
28
+ ),
29
+ $navigation-bar-size
30
+ );
31
+
32
+ $navigation-bar-base: () !default;
33
+ $navigation-bar-base: map-deep-merge(
34
+ (
35
+ border-color: transparent,
36
+ border-style: solid,
37
+
38
+ navbar-nav: (
39
+ nav-link: (
40
+ border-radius: clay-enable-rounded($border-radius),
41
+ border-width: 0,
42
+ outline: 0,
43
+ font-size: inherit,
44
+
45
+ focus: (
46
+ box-shadow: $component-focus-box-shadow,
47
+ ),
49
48
 
50
- disabled: (
51
- box-shadow: none,
52
- ),
49
+ disabled: (
50
+ box-shadow: none,
53
51
  ),
54
52
  ),
53
+ ),
55
54
 
56
- media-breakpoint-down: (
57
- sm: (
58
- navbar-expand-md: (
59
- navbar-collapse-absolute: (
60
- navbar-collapse: (
61
- border-color:
62
- setter(
63
- map-get(
64
- $navigation-bar-size,
65
- border-color
66
- ),
67
- transparent
55
+ media-breakpoint-down: (
56
+ sm: (
57
+ navbar-expand-md: (
58
+ navbar-collapse-absolute: (
59
+ navbar-collapse: (
60
+ border-color:
61
+ setter(
62
+ map-get($navigation-bar-size, border-color),
63
+ transparent
64
+ ),
65
+ border-style:
66
+ setter(
67
+ map-get($navigation-bar-size, border-style),
68
+ solid
69
+ ),
70
+ border-bottom-width:
71
+ setter(
72
+ map-get(
73
+ $navigation-bar-size,
74
+ border-bottom-width
68
75
  ),
69
- border-style:
70
- setter(
71
- map-get(
72
- $navigation-bar-size,
73
- border-style
74
- ),
75
- solid
76
+ 1px
77
+ ),
78
+ border-left-width:
79
+ setter(
80
+ map-get(
81
+ $navigation-bar-size,
82
+ border-left-width
76
83
  ),
77
- border-bottom-width:
78
- setter(
79
- map-get(
80
- $navigation-bar-size,
81
- border-bottom-width
82
- ),
83
- 1px
84
+ 0
85
+ ),
86
+ border-right-width:
87
+ setter(
88
+ map-get(
89
+ $navigation-bar-size,
90
+ border-right-width
84
91
  ),
85
- border-left-width:
86
- setter(
87
- map-get(
88
- $navigation-bar-size,
89
- border-left-width
90
- ),
91
- 0
92
+ 0
93
+ ),
94
+ border-top-width:
95
+ setter(
96
+ map-get(
97
+ $navigation-bar-size,
98
+ border-top-width
92
99
  ),
93
- border-right-width:
100
+ 0
101
+ ),
102
+ box-shadow:
103
+ clay-enable-shadows(
94
104
  setter(
95
105
  map-get(
96
106
  $navigation-bar-size,
97
- border-right-width
107
+ box-shadow
98
108
  ),
99
- 0
109
+ null
110
+ )
111
+ ),
112
+ left:
113
+ setter(
114
+ calc(
115
+ #{map-get(
116
+ $navigation-bar-size,
117
+ border-left-width
118
+ )} * -1
100
119
  ),
101
- border-top-width:
102
- setter(
103
- map-get(
104
- $navigation-bar-size,
105
- border-top-width
106
- ),
107
- 0
120
+ 0
121
+ ),
122
+ margin-top:
123
+ setter(
124
+ map-get(
125
+ $navigation-bar-size,
126
+ border-bottom-width
108
127
  ),
109
- box-shadow:
110
- clay-enable-shadows(
111
- setter(
112
- map-get(
128
+ 1px
129
+ ),
130
+ padding-bottom:
131
+ setter(
132
+ map-get($navigation-bar-size, padding-y),
133
+ 0
134
+ ),
135
+ padding-left:
136
+ setter(
137
+ map-get($navigation-bar-size, padding-x),
138
+ 0
139
+ ),
140
+ padding-right:
141
+ setter(
142
+ map-get($navigation-bar-size, padding-x),
143
+ 0
144
+ ),
145
+ padding-top:
146
+ setter(
147
+ map-get($navigation-bar-size, padding-y),
148
+ 0
149
+ ),
150
+ right:
151
+ setter(
152
+ calc(
153
+ #{map-get(
113
154
  $navigation-bar-size,
114
- box-shadow
115
- ),
116
- null
117
- )
155
+ border-right-width
156
+ )} * -1
118
157
  ),
119
- left:
158
+ 0
159
+ ),
160
+ ),
161
+ ),
162
+
163
+ navbar-collapse: (
164
+ navbar-nav: (
165
+ dropdown-divider: (
166
+ margin-left:
120
167
  setter(
121
168
  calc(
122
169
  #{map-get(
123
170
  $navigation-bar-size,
124
- border-left-width
125
- )} *
126
- -1
171
+ padding-x
172
+ )} * -1
127
173
  ),
128
- 0
174
+ null
129
175
  ),
130
- margin-top:
176
+ margin-right:
131
177
  setter(
132
- map-get(
133
- $navigation-bar-size,
134
- border-bottom-width
178
+ calc(
179
+ #{map-get(
180
+ $navigation-bar-size,
181
+ padding-x
182
+ )} * -1
135
183
  ),
136
- 1px
184
+ null
137
185
  ),
186
+ ),
187
+ dropdown-item: (
138
188
  padding-bottom:
139
189
  setter(
140
190
  map-get(
141
191
  $navigation-bar-size,
142
- padding-y
192
+ collapse-dropdown-item-padding-y-mobile
143
193
  ),
144
- 0
194
+ 11.5px
145
195
  ),
146
196
  padding-left:
147
197
  setter(
148
198
  map-get(
149
199
  $navigation-bar-size,
150
- padding-x
200
+ collapse-dropdown-item-padding-x-mobile
151
201
  ),
152
- 0
202
+ 16px
153
203
  ),
154
204
  padding-right:
155
205
  setter(
156
206
  map-get(
157
207
  $navigation-bar-size,
158
- padding-x
208
+ collapse-dropdown-item-padding-x-mobile
159
209
  ),
160
- 0
210
+ 16px
161
211
  ),
162
212
  padding-top:
163
213
  setter(
164
214
  map-get(
165
215
  $navigation-bar-size,
166
- padding-y
216
+ collapse-dropdown-item-padding-y-mobile
167
217
  ),
168
- 0
169
- ),
170
- right:
171
- setter(
172
- calc(
173
- #{map-get(
174
- $navigation-bar-size,
175
- border-right-width
176
- )} *
177
- -1
178
- ),
179
- 0
218
+ 11.5px
180
219
  ),
181
220
  ),
182
221
  ),
183
-
184
- navbar-collapse: (
185
- navbar-nav: (
186
- dropdown-divider: (
187
- margin-left:
188
- setter(
189
- calc(
190
- #{map-get(
191
- $navigation-bar-size,
192
- padding-x
193
- )} *
194
- -1
195
- ),
196
- null
197
- ),
198
- margin-right:
199
- setter(
200
- calc(
201
- #{map-get(
202
- $navigation-bar-size,
203
- padding-x
204
- )} *
205
- -1
206
- ),
207
- null
208
- ),
209
- ),
210
- dropdown-item: (
211
- padding-bottom:
212
- setter(
213
- map-get(
214
- $navigation-bar-size,
215
- collapse-dropdown-item-padding-y-mobile
216
- ),
217
- 11.5px
218
- ),
219
- padding-left:
220
- setter(
221
- map-get(
222
- $navigation-bar-size,
223
- collapse-dropdown-item-padding-x-mobile
224
- ),
225
- 16px
226
- ),
227
- padding-right:
228
- setter(
229
- map-get(
230
- $navigation-bar-size,
231
- collapse-dropdown-item-padding-x-mobile
232
- ),
233
- 16px
234
- ),
235
- padding-top:
236
- setter(
237
- map-get(
238
- $navigation-bar-size,
239
- collapse-dropdown-item-padding-y-mobile
240
- ),
241
- 11.5px
242
- ),
243
- ),
244
- ),
245
- ),
246
222
  ),
247
223
  ),
248
224
  ),
225
+ ),
249
226
 
250
- media-breakpoint-up: (
251
- md: (
252
- navbar-expand-md: (
253
- navbar-underline: (
254
- navbar-nav: (
255
- nav-link: (
256
- active-class: (
257
- after: (
258
- bottom:
259
- setter(
260
- map-get(
261
- $navigation-bar-size,
262
- active-border-offset-bottom
263
- ),
264
- -1px
227
+ media-breakpoint-up: (
228
+ md: (
229
+ navbar-expand-md: (
230
+ navbar-underline: (
231
+ navbar-nav: (
232
+ nav-link: (
233
+ active-class: (
234
+ after: (
235
+ bottom:
236
+ setter(
237
+ map-get(
238
+ $navigation-bar-size,
239
+ active-border-offset-bottom
265
240
  ),
266
- height:
267
- setter(
268
- map-get(
269
- $navigation-bar-size,
270
- active-border-bottom-width
271
- ),
272
- 4px
241
+ -1px
242
+ ),
243
+ height:
244
+ setter(
245
+ map-get(
246
+ $navigation-bar-size,
247
+ active-border-bottom-width
273
248
  ),
274
- left:
275
- setter(
276
- map-get(
277
- $navigation-bar-size,
278
- active-border-offset-x
279
- ),
280
- null
249
+ 4px
250
+ ),
251
+ left:
252
+ setter(
253
+ map-get(
254
+ $navigation-bar-size,
255
+ active-border-offset-x
281
256
  ),
282
- right:
283
- setter(
284
- map-get(
285
- $navigation-bar-size,
286
- active-border-offset-x
287
- ),
288
- null
257
+ null
258
+ ),
259
+ right:
260
+ setter(
261
+ map-get(
262
+ $navigation-bar-size,
263
+ active-border-offset-x
289
264
  ),
290
- top:
291
- setter(
292
- map-get(
293
- $navigation-bar-size,
294
- active-border-offset-top
295
- ),
296
- null
265
+ null
266
+ ),
267
+ top:
268
+ setter(
269
+ map-get(
270
+ $navigation-bar-size,
271
+ active-border-offset-top
297
272
  ),
298
- ),
273
+ null
274
+ ),
299
275
  ),
300
276
  ),
301
277
  ),
@@ -304,88 +280,88 @@
304
280
  ),
305
281
  ),
306
282
  ),
307
- $navigation-bar-base
308
- );
309
-
310
- $navigation-bar-light: ();
311
- $navigation-bar-light: map-deep-merge(
312
- (
313
- background-color: $white,
314
- border-color: $gray-200,
315
-
316
- navbar-nav: (
317
- nav-link: (
318
- color:
319
- var(
320
- --navigation-bar-light-nav-link-color,
321
- $navbar-light-color
322
- ),
323
- font-weight:
324
- var(
325
- --navigation-bar-light-nav-link-font-weight,
326
- $font-weight-semi-bold
327
- ),
328
- hover: (
329
- color: $gray-900,
283
+ ),
284
+ $navigation-bar-base
285
+ );
286
+
287
+ $navigation-bar-light: () !default;
288
+ $navigation-bar-light: map-deep-merge(
289
+ (
290
+ background-color: $white,
291
+ border-color: $gray-200,
292
+
293
+ navbar-nav: (
294
+ nav-link: (
295
+ color:
296
+ var(
297
+ --navigation-bar-light-nav-link-color,
298
+ $navbar-light-color
330
299
  ),
331
-
332
- focus: (
333
- color: $gray-900,
300
+ font-weight:
301
+ var(
302
+ --navigation-bar-light-nav-link-font-weight,
303
+ $font-weight-semi-bold
334
304
  ),
305
+ hover: (
306
+ color: $gray-900,
307
+ ),
335
308
 
336
- active: (
337
- color: $navbar-light-active-color,
338
- ),
309
+ focus: (
310
+ color: $gray-900,
311
+ ),
339
312
 
340
- disabled: (
341
- color: $gray-600,
342
- opacity: $component-disabled-opacity,
343
- ),
313
+ active: (
314
+ color: $navbar-light-active-color,
344
315
  ),
345
- ),
346
316
 
347
- media-breakpoint-down: (
348
- sm: (
349
- navbar-expand-md: (
350
- navbar-collapse: (
351
- navbar-nav: (
352
- dropdown-item: (
353
- color: $navbar-light-color,
354
- font-weight: $font-weight-semi-bold,
317
+ disabled: (
318
+ color: $gray-600,
319
+ opacity: $component-disabled-opacity,
320
+ ),
321
+ ),
322
+ ),
355
323
 
356
- hover: (
357
- color: $gray-900,
358
- ),
324
+ media-breakpoint-down: (
325
+ sm: (
326
+ navbar-expand-md: (
327
+ navbar-collapse: (
328
+ navbar-nav: (
329
+ dropdown-item: (
330
+ color: $navbar-light-color,
331
+ font-weight: $font-weight-semi-bold,
332
+
333
+ hover: (
334
+ color: $gray-900,
335
+ ),
359
336
 
360
- focus: (
361
- color: $gray-900,
362
- ),
337
+ focus: (
338
+ color: $gray-900,
339
+ ),
363
340
 
364
- active: (
365
- color: $navbar-light-active-color,
366
- ),
341
+ active: (
342
+ color: $navbar-light-active-color,
343
+ ),
367
344
 
368
- disabled: (
369
- color: $gray-600,
370
- opacity: $component-disabled-opacity,
371
- ),
345
+ disabled: (
346
+ color: $gray-600,
347
+ opacity: $component-disabled-opacity,
372
348
  ),
373
349
  ),
374
350
  ),
375
351
  ),
376
352
  ),
377
353
  ),
354
+ ),
378
355
 
379
- media-breakpoint-up: (
380
- md: (
381
- navbar-expand-md: (
382
- navbar-underline: (
383
- navbar-nav: (
384
- nav-link: (
385
- active-class: (
386
- after: (
387
- background-color: $primary-l0,
388
- ),
356
+ media-breakpoint-up: (
357
+ md: (
358
+ navbar-expand-md: (
359
+ navbar-underline: (
360
+ navbar-nav: (
361
+ nav-link: (
362
+ active-class: (
363
+ after: (
364
+ background-color: $primary-l0,
389
365
  ),
390
366
  ),
391
367
  ),
@@ -394,80 +370,80 @@
394
370
  ),
395
371
  ),
396
372
  ),
397
- $navigation-bar-light
398
- );
399
-
400
- $navigation-bar-secondary: ();
401
- $navigation-bar-secondary: map-deep-merge(
402
- (
403
- background-color: $secondary-d1,
404
- color: $white,
405
-
406
- navbar-nav: (
407
- nav-link: (
408
- color: $secondary-l2,
409
- font-weight: $font-weight-semi-bold,
410
-
411
- hover: (
412
- color: $white,
413
- ),
373
+ ),
374
+ $navigation-bar-light
375
+ );
414
376
 
415
- focus: (
416
- color: $white,
417
- ),
377
+ $navigation-bar-secondary: () !default;
378
+ $navigation-bar-secondary: map-deep-merge(
379
+ (
380
+ background-color: $secondary-d1,
381
+ color: $white,
418
382
 
419
- active: (
420
- color: $white,
421
- ),
383
+ navbar-nav: (
384
+ nav-link: (
385
+ color: $secondary-l2,
386
+ font-weight: $font-weight-semi-bold,
422
387
 
423
- disabled: (
424
- color: $gray-400,
425
- opacity: $component-disabled-opacity,
426
- ),
388
+ hover: (
389
+ color: $white,
427
390
  ),
428
- ),
429
391
 
430
- navbar-brand: (
431
- color: rgba(255, 255, 255, 0.9),
432
- hover: (
433
- color: rgba(255, 255, 255, 0.9),
392
+ focus: (
393
+ color: $white,
394
+ ),
395
+
396
+ active: (
397
+ color: $white,
398
+ ),
399
+
400
+ disabled: (
401
+ color: $gray-400,
402
+ opacity: $component-disabled-opacity,
434
403
  ),
435
404
  ),
405
+ ),
436
406
 
437
- media-breakpoint-down: (
438
- sm: (
439
- navbar-expand-md: (
440
- navbar-collapse: (
441
- navbar-nav: (
442
- dropdown-item: (
443
- color: $secondary-l2,
444
- font-weight: $font-weight-semi-bold,
407
+ navbar-brand: (
408
+ color: rgba(255, 255, 255, 0.9),
409
+ hover: (
410
+ color: rgba(255, 255, 255, 0.9),
411
+ ),
412
+ ),
445
413
 
446
- hover: (
447
- color: $white,
448
- ),
414
+ media-breakpoint-down: (
415
+ sm: (
416
+ navbar-expand-md: (
417
+ navbar-collapse: (
418
+ navbar-nav: (
419
+ dropdown-item: (
420
+ color: $secondary-l2,
421
+ font-weight: $font-weight-semi-bold,
422
+
423
+ hover: (
424
+ color: $white,
425
+ ),
449
426
 
450
- focus: (
451
- color: $white,
452
- ),
427
+ focus: (
428
+ color: $white,
429
+ ),
453
430
 
454
- active: (
455
- color: $white,
456
- ),
431
+ active: (
432
+ color: $white,
433
+ ),
457
434
 
458
- disabled: (
459
- color: $gray-400,
460
- opacity: $component-disabled-opacity,
461
- ),
435
+ disabled: (
436
+ color: $gray-400,
437
+ opacity: $component-disabled-opacity,
462
438
  ),
463
439
  ),
464
440
  ),
465
441
  ),
466
442
  ),
467
443
  ),
468
-
469
- media-breakpoint-up: (),
470
444
  ),
471
- $navigation-bar-secondary
472
- );
473
- }
445
+
446
+ media-breakpoint-up: (),
447
+ ),
448
+ $navigation-bar-secondary
449
+ );