@clayui/css 3.74.0 → 3.76.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 (75) hide show
  1. package/lib/css/atlas.css +1215 -626
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1263 -650
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +670 -358
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/lib/images/icons/mobile-device-rules.svg +5 -7
  9. package/lib/images/icons/mobile-devices.svg +10 -0
  10. package/lib/images/icons/mobile-landscape.svg +2 -1
  11. package/lib/images/icons/mobile-portrait.svg +2 -1
  12. package/package.json +2 -2
  13. package/src/images/icons/mobile-device-rules.svg +5 -7
  14. package/src/images/icons/mobile-devices.svg +10 -0
  15. package/src/images/icons/mobile-landscape.svg +2 -1
  16. package/src/images/icons/mobile-portrait.svg +2 -1
  17. package/src/scss/_license-text.scss +1 -1
  18. package/src/scss/atlas/variables/_application-bar.scss +1 -1
  19. package/src/scss/atlas/variables/_buttons.scss +2 -3
  20. package/src/scss/atlas/variables/_dropdowns.scss +6 -2
  21. package/src/scss/atlas/variables/_globals.scss +6 -0
  22. package/src/scss/atlas/variables/_labels.scss +1 -1
  23. package/src/scss/atlas/variables/_links.scss +3 -13
  24. package/src/scss/atlas/variables/_management-bar.scss +1 -1
  25. package/src/scss/atlas/variables/_navigation-bar.scss +5 -5
  26. package/src/scss/atlas/variables/_quick-action.scss +1 -1
  27. package/src/scss/atlas/variables/_tables.scss +2 -2
  28. package/src/scss/cadmin/components/_custom-forms.scss +1 -1
  29. package/src/scss/cadmin/variables/_badges.scss +1 -1
  30. package/src/scss/cadmin/variables/_buttons.scss +2 -4
  31. package/src/scss/cadmin/variables/_cards.scss +1 -1
  32. package/src/scss/cadmin/variables/_date-picker.scss +4 -4
  33. package/src/scss/cadmin/variables/_globals.scss +6 -0
  34. package/src/scss/cadmin/variables/_labels.scss +2 -2
  35. package/src/scss/cadmin/variables/_links.scss +13 -22
  36. package/src/scss/cadmin/variables/_management-bar.scss +1 -1
  37. package/src/scss/cadmin/variables/_multi-step-nav.scss +1 -1
  38. package/src/scss/cadmin/variables/_navigation-bar.scss +5 -5
  39. package/src/scss/cadmin/variables/_quick-action.scss +1 -1
  40. package/src/scss/cadmin/variables/_tables.scss +2 -2
  41. package/src/scss/cadmin/variables/_utilities.scss +4 -4
  42. package/src/scss/components/_custom-forms.scss +1 -1
  43. package/src/scss/components/_links.scss +1 -1
  44. package/src/scss/functions/_global-functions.scss +23 -25
  45. package/src/scss/functions/_lx-icons-generated.scss +5 -3
  46. package/src/scss/mixins/_forms.scss +361 -322
  47. package/src/scss/mixins/_grid.scss +74 -67
  48. package/src/scss/mixins/_highlight.scss +91 -69
  49. package/src/scss/mixins/_list-group.scss +216 -192
  50. package/src/scss/mixins/_loaders.scss +142 -134
  51. package/src/scss/mixins/_menubar.scss +300 -296
  52. package/src/scss/mixins/_modals.scss +101 -92
  53. package/src/scss/mixins/_navbar.scss +811 -738
  54. package/src/scss/mixins/_slideout.scss +34 -30
  55. package/src/scss/mixins/_stickers.scss +30 -28
  56. package/src/scss/mixins/_tables.scss +44 -40
  57. package/src/scss/mixins/_tbar.scss +467 -425
  58. package/src/scss/mixins/_utilities.scss +41 -39
  59. package/src/scss/variables/_alerts.scss +30 -7
  60. package/src/scss/variables/_badges.scss +1 -1
  61. package/src/scss/variables/_buttons.scss +2 -3
  62. package/src/scss/variables/_cards.scss +1 -1
  63. package/src/scss/variables/_clay-color.scss +2 -2
  64. package/src/scss/variables/_date-picker.scss +4 -4
  65. package/src/scss/variables/_dropdowns.scss +6 -2
  66. package/src/scss/variables/_forms.scss +232 -44
  67. package/src/scss/variables/_globals.scss +6 -0
  68. package/src/scss/variables/_labels.scss +1 -1
  69. package/src/scss/variables/_links.scss +52 -20
  70. package/src/scss/variables/_multi-step-nav.scss +1 -1
  71. package/src/scss/variables/_navbar.scss +1 -1
  72. package/src/scss/variables/_navs.scss +25 -4
  73. package/src/scss/variables/_tables.scss +6 -1
  74. package/src/scss/variables/_tbar.scss +2 -2
  75. package/src/scss/variables/_time.scss +6 -1
package/src/scss/mixins/_menubar.scss CHANGED
@@ -44,329 +44,333 @@
44
44
  /// - Add @link to documentation
45
45
 
46
46
  @mixin clay-menubar-vertical-expand($map) {
47
- $enabled: setter(map-get($map, enabled), true);
48
- $breakpoint-up: setter(map-get($map, breakpoint-up), md);
49
- $breakpoint-down: setter(
50
- map-get($map, breakpoint-down),
51
- clay-breakpoint-prev($breakpoint-up)
52
- );
53
-
54
- // .menubar-vertical-expand-{md}
55
-
56
- $mobile: setter(map-get($map, mobile), ());
57
- $mobile: map-merge(
58
- $mobile,
59
- (
60
- border-color:
61
- setter(
62
- map-get($map, border-color-mobile),
63
- map-get($mobile, border-color)
64
- ),
65
- border-style:
66
- setter(
67
- map-get($map, border-style-mobile),
68
- map-get($mobile, border-style)
69
- ),
70
- border-width:
71
- setter(
72
- map-get($map, border-width-mobile),
73
- map-get($mobile, border-width)
74
- ),
75
- margin-bottom:
76
- setter(
77
- map-get($map, margin-bottom-mobile),
78
- map-get($mobile, margin-bottom)
79
- ),
80
- margin-left:
81
- setter(
82
- map-get($map, margin-left-mobile),
83
- map-get($mobile, margin-left)
84
- ),
85
- margin-right:
86
- setter(
87
- map-get($map, margin-right-mobile),
88
- map-get($mobile, margin-right)
89
- ),
90
- margin-top:
91
- setter(
92
- map-get($map, margin-top-mobile),
93
- map-get($mobile, margin-top)
94
- ),
95
- max-width:
96
- setter(
97
- map-get($map, max-width-mobile),
98
- map-get($mobile, max-width)
99
- ),
100
- min-height:
101
- setter(
102
- map-get($map, min-height-mobile),
103
- map-get($mobile, min-height)
104
- ),
105
- padding-bottom:
106
- setter(
107
- map-get($map, padding-y-mobile),
108
- map-get($mobile, padding-bottom)
109
- ),
110
- padding-left:
111
- setter(
112
- map-get($map, padding-x-mobile),
113
- map-get($mobile, padding-left)
114
- ),
115
- padding-right:
116
- setter(
117
- map-get($map, padding-x-mobile),
118
- map-get($mobile, padding-right)
119
- ),
120
- padding-top:
121
- setter(
122
- map-get($map, padding-y-mobile),
123
- map-get($mobile, padding-top)
124
- ),
125
- )
126
- );
127
-
128
- // .menubar-collapse
129
-
130
- $collapse-mobile: setter(map-get($map, collapse-mobile), ());
131
- $collapse-mobile: map-merge(
132
- $collapse-mobile,
133
- (
134
- border-color:
135
- setter(
136
- map-get($map, collapse-border-color-mobile),
137
- map-get($collapse-mobile, border-color)
138
- ),
139
- border-style:
140
- setter(
141
- map-get($map, collapse-border-style-mobile),
142
- map-get($collapse-mobile, border-style)
143
- ),
144
- border-width:
145
- setter(
146
- map-get($map, collapse-border-width-mobile),
147
- map-get($collapse-mobile, border-width)
148
- ),
149
- margin-top:
150
- setter(
151
- map-get($map, collapse-margin-top-mobile),
152
- map-get($collapse-mobile, margin-top)
153
- ),
154
- max-width:
155
- setter(
156
- map-get($map, collapse-max-width-mobile),
157
- map-get($collapse-mobile, max-width)
158
- ),
159
- left:
160
- setter(
161
- map-get($map, collapse-left-mobile),
162
- map-get($collapse-mobile, left)
163
- ),
164
- right:
165
- setter(
166
- map-get($map, collapse-right-mobile),
167
- map-get($collapse-mobile, right)
168
- ),
169
- z-index:
170
- setter(
171
- map-get($map, collapse-z-index-mobile),
172
- map-get($collapse-mobile, z-index)
173
- ),
174
- )
175
- );
176
-
177
- $nav-nested-mobile: setter(map-get($map, nav-nested-mobile), ());
178
- $nav-nested-mobile: map-merge(
179
- $nav-nested-mobile,
180
- (
181
- margin-bottom:
182
- setter(
183
- map-get($map, collapse-inner-spacer-y-mobile),
184
- map-get($nav-nested-mobile, margin-bottom)
185
- ),
186
- margin-top:
187
- setter(
188
- map-get($map, collapse-inner-spacer-y-mobile),
189
- map-get($nav-nested-mobile, margin-top)
190
- ),
191
- )
192
- );
47
+ @if (type-of($map) == 'map') {
48
+ $enabled: setter(map-get($map, enabled), true);
49
+ $breakpoint-up: setter(map-get($map, breakpoint-up), md);
50
+ $breakpoint-down: setter(
51
+ map-get($map, breakpoint-down),
52
+ clay-breakpoint-prev($breakpoint-up)
53
+ );
54
+
55
+ // .menubar-vertical-expand-{md}
56
+
57
+ $mobile: setter(map-get($map, mobile), ());
58
+ $mobile: map-merge(
59
+ $mobile,
60
+ (
61
+ border-color:
62
+ setter(
63
+ map-get($map, border-color-mobile),
64
+ map-get($mobile, border-color)
65
+ ),
66
+ border-style:
67
+ setter(
68
+ map-get($map, border-style-mobile),
69
+ map-get($mobile, border-style)
70
+ ),
71
+ border-width:
72
+ setter(
73
+ map-get($map, border-width-mobile),
74
+ map-get($mobile, border-width)
75
+ ),
76
+ margin-bottom:
77
+ setter(
78
+ map-get($map, margin-bottom-mobile),
79
+ map-get($mobile, margin-bottom)
80
+ ),
81
+ margin-left:
82
+ setter(
83
+ map-get($map, margin-left-mobile),
84
+ map-get($mobile, margin-left)
85
+ ),
86
+ margin-right:
87
+ setter(
88
+ map-get($map, margin-right-mobile),
89
+ map-get($mobile, margin-right)
90
+ ),
91
+ margin-top:
92
+ setter(
93
+ map-get($map, margin-top-mobile),
94
+ map-get($mobile, margin-top)
95
+ ),
96
+ max-width:
97
+ setter(
98
+ map-get($map, max-width-mobile),
99
+ map-get($mobile, max-width)
100
+ ),
101
+ min-height:
102
+ setter(
103
+ map-get($map, min-height-mobile),
104
+ map-get($mobile, min-height)
105
+ ),
106
+ padding-bottom:
107
+ setter(
108
+ map-get($map, padding-y-mobile),
109
+ map-get($mobile, padding-bottom)
110
+ ),
111
+ padding-left:
112
+ setter(
113
+ map-get($map, padding-x-mobile),
114
+ map-get($mobile, padding-left)
115
+ ),
116
+ padding-right:
117
+ setter(
118
+ map-get($map, padding-x-mobile),
119
+ map-get($mobile, padding-right)
120
+ ),
121
+ padding-top:
122
+ setter(
123
+ map-get($map, padding-y-mobile),
124
+ map-get($mobile, padding-top)
125
+ ),
126
+ )
127
+ );
193
128
 
194
- $nav-nested-margins-mobile: setter(
195
- map-get($map, nav-nested-margins-mobile),
196
- ()
197
- );
198
- $nav-nested-margins-mobile: map-merge(
199
- $nav-nested-margins-mobile,
200
- (
201
- margin-bottom:
202
- setter(
203
- map-get($map, collapse-inner-spacer-y-mobile),
204
- map-get($nav-nested-margins-mobile, margin-bottom)
205
- ),
206
- margin-top:
207
- setter(
208
- map-get($map, collapse-inner-spacer-y-mobile),
209
- map-get($nav-nested-margins-mobile, margin-top)
210
- ),
211
- )
212
- );
129
+ // .menubar-collapse
213
130
 
214
- // .menubar-toggler
131
+ $collapse-mobile: setter(map-get($map, collapse-mobile), ());
132
+ $collapse-mobile: map-merge(
133
+ $collapse-mobile,
134
+ (
135
+ border-color:
136
+ setter(
137
+ map-get($map, collapse-border-color-mobile),
138
+ map-get($collapse-mobile, border-color)
139
+ ),
140
+ border-style:
141
+ setter(
142
+ map-get($map, collapse-border-style-mobile),
143
+ map-get($collapse-mobile, border-style)
144
+ ),
145
+ border-width:
146
+ setter(
147
+ map-get($map, collapse-border-width-mobile),
148
+ map-get($collapse-mobile, border-width)
149
+ ),
150
+ margin-top:
151
+ setter(
152
+ map-get($map, collapse-margin-top-mobile),
153
+ map-get($collapse-mobile, margin-top)
154
+ ),
155
+ max-width:
156
+ setter(
157
+ map-get($map, collapse-max-width-mobile),
158
+ map-get($collapse-mobile, max-width)
159
+ ),
160
+ left:
161
+ setter(
162
+ map-get($map, collapse-left-mobile),
163
+ map-get($collapse-mobile, left)
164
+ ),
165
+ right:
166
+ setter(
167
+ map-get($map, collapse-right-mobile),
168
+ map-get($collapse-mobile, right)
169
+ ),
170
+ z-index:
171
+ setter(
172
+ map-get($map, collapse-z-index-mobile),
173
+ map-get($collapse-mobile, z-index)
174
+ ),
175
+ )
176
+ );
177
+
178
+ $nav-nested-mobile: setter(map-get($map, nav-nested-mobile), ());
179
+ $nav-nested-mobile: map-merge(
180
+ $nav-nested-mobile,
181
+ (
182
+ margin-bottom:
183
+ setter(
184
+ map-get($map, collapse-inner-spacer-y-mobile),
185
+ map-get($nav-nested-mobile, margin-bottom)
186
+ ),
187
+ margin-top:
188
+ setter(
189
+ map-get($map, collapse-inner-spacer-y-mobile),
190
+ map-get($nav-nested-mobile, margin-top)
191
+ ),
192
+ )
193
+ );
194
+
195
+ $nav-nested-margins-mobile: setter(
196
+ map-get($map, nav-nested-margins-mobile),
197
+ ()
198
+ );
199
+ $nav-nested-margins-mobile: map-merge(
200
+ $nav-nested-margins-mobile,
201
+ (
202
+ margin-bottom:
203
+ setter(
204
+ map-get($map, collapse-inner-spacer-y-mobile),
205
+ map-get($nav-nested-margins-mobile, margin-bottom)
206
+ ),
207
+ margin-top:
208
+ setter(
209
+ map-get($map, collapse-inner-spacer-y-mobile),
210
+ map-get($nav-nested-margins-mobile, margin-top)
211
+ ),
212
+ )
213
+ );
215
214
 
216
- $toggler-mobile: setter(map-get($map, toggler-mobile), ());
217
- $toggler-mobile: map-deep-merge(
218
- $toggler-mobile,
219
- (
220
- border-color:
221
- setter(
222
- map-get($map, toggler-border-color-mobile),
223
- map-get($toggler-mobile, border-color)
224
- ),
225
- border-style:
226
- setter(
227
- map-get($map, toggler-border-style-mobile),
228
- map-get($toggler-mobile, border-style)
229
- ),
230
- border-width:
231
- setter(
232
- map-get($map, toggler-border-width-mobile),
233
- map-get($toggler-mobile, border-width)
234
- ),
235
- height:
236
- setter(
237
- map-get($map, toggler-height-mobile),
238
- map-get($toggler-mobile, height)
239
- ),
240
- padding-bottom:
241
- setter(
242
- map-get($map, toggler-padding-y-mobile),
243
- map-get($toggler-mobile, padding-bottom)
244
- ),
245
- padding-left:
246
- setter(
247
- map-get($map, toggler-padding-x-mobile),
248
- map-get($toggler-mobile, padding-left)
249
- ),
250
- padding-right:
251
- setter(
252
- map-get($map, toggler-padding-x-mobile),
253
- map-get($toggler-mobile, padding-right)
254
- ),
255
- padding-top:
256
- setter(
257
- map-get($map, toggler-padding-y-mobile),
258
- map-get($toggler-mobile, padding-top)
259
- ),
260
- )
261
- );
215
+ // .menubar-toggler
262
216
 
263
- $_toggler-mobile-c-inner: setter(map-get($toggler-mobile, c-inner), ());
264
- $_toggler-mobile-c-inner: map-merge(
265
- $_toggler-mobile-c-inner,
266
- (
267
- enabled:
268
- if(
269
- variable-exists(enable-c-inner),
270
- $enable-c-inner,
217
+ $toggler-mobile: setter(map-get($map, toggler-mobile), ());
218
+ $toggler-mobile: map-deep-merge(
219
+ $toggler-mobile,
220
+ (
221
+ border-color:
222
+ setter(
223
+ map-get($map, toggler-border-color-mobile),
224
+ map-get($toggler-mobile, border-color)
225
+ ),
226
+ border-style:
227
+ setter(
228
+ map-get($map, toggler-border-style-mobile),
229
+ map-get($toggler-mobile, border-style)
230
+ ),
231
+ border-width:
232
+ setter(
233
+ map-get($map, toggler-border-width-mobile),
234
+ map-get($toggler-mobile, border-width)
235
+ ),
236
+ height:
237
+ setter(
238
+ map-get($map, toggler-height-mobile),
239
+ map-get($toggler-mobile, height)
240
+ ),
241
+ padding-bottom:
242
+ setter(
243
+ map-get($map, toggler-padding-y-mobile),
244
+ map-get($toggler-mobile, padding-bottom)
245
+ ),
246
+ padding-left:
247
+ setter(
248
+ map-get($map, toggler-padding-x-mobile),
249
+ map-get($toggler-mobile, padding-left)
250
+ ),
251
+ padding-right:
252
+ setter(
253
+ map-get($map, toggler-padding-x-mobile),
254
+ map-get($toggler-mobile, padding-right)
255
+ ),
256
+ padding-top:
257
+ setter(
258
+ map-get($map, toggler-padding-y-mobile),
259
+ map-get($toggler-mobile, padding-top)
260
+ ),
261
+ )
262
+ );
263
+
264
+ $_toggler-mobile-c-inner: setter(map-get($toggler-mobile, c-inner), ());
265
+ $_toggler-mobile-c-inner: map-merge(
266
+ $_toggler-mobile-c-inner,
267
+ (
268
+ enabled:
271
269
  if(
272
- variable-exists(cadmin-enable-c-inner),
273
- $cadmin-enable-c-inner,
274
- true
275
- )
276
- ),
277
- margin-bottom:
278
- setter(
279
- math-sign(map-get($toggler-mobile, padding-bottom)),
280
- map-get($_toggler-mobile-c-inner, margin-bottom)
281
- ),
282
- margin-left:
283
- setter(
284
- math-sign(map-get($toggler-mobile, padding-left)),
285
- map-get($_toggler-mobile-c-inner, margin-left)
286
- ),
287
- margin-right:
288
- setter(
289
- math-sign(map-get($toggler-mobile, padding-right)),
290
- map-get($_toggler-mobile-c-inner, margin-right)
291
- ),
292
- margin-top:
293
- setter(
294
- math-sign(map-get($toggler-mobile, padding-top)),
295
- map-get($_toggler-mobile-c-inner, margin-top)
296
- ),
297
- )
298
- );
299
-
300
- $_old-toggler-c-inner: setter(map-get($map, toggler-c-inner), ());
301
- $_toggler-mobile-c-inner: map-merge(
302
- $_toggler-mobile-c-inner,
303
- $_old-toggler-c-inner
304
- );
305
-
306
- @if ($enabled) {
307
- @include clay-css($map);
270
+ variable-exists(enable-c-inner),
271
+ $enable-c-inner,
272
+ if(
273
+ variable-exists(cadmin-enable-c-inner),
274
+ $cadmin-enable-c-inner,
275
+ true
276
+ )
277
+ ),
278
+ margin-bottom:
279
+ setter(
280
+ math-sign(map-get($toggler-mobile, padding-bottom)),
281
+ map-get($_toggler-mobile-c-inner, margin-bottom)
282
+ ),
283
+ margin-left:
284
+ setter(
285
+ math-sign(map-get($toggler-mobile, padding-left)),
286
+ map-get($_toggler-mobile-c-inner, margin-left)
287
+ ),
288
+ margin-right:
289
+ setter(
290
+ math-sign(map-get($toggler-mobile, padding-right)),
291
+ map-get($_toggler-mobile-c-inner, margin-right)
292
+ ),
293
+ margin-top:
294
+ setter(
295
+ math-sign(map-get($toggler-mobile, padding-top)),
296
+ map-get($_toggler-mobile-c-inner, margin-top)
297
+ ),
298
+ )
299
+ );
308
300
 
309
- @include media-breakpoint-down($breakpoint-down) {
310
- @include clay-css($mobile);
311
- }
301
+ $_old-toggler-c-inner: setter(map-get($map, toggler-c-inner), ());
302
+ $_toggler-mobile-c-inner: map-merge(
303
+ $_toggler-mobile-c-inner,
304
+ $_old-toggler-c-inner
305
+ );
312
306
 
313
- .menubar-collapse {
314
- @include clay-css(map-get($map, collapse));
307
+ @if ($enabled) {
308
+ @include clay-css($map);
315
309
 
316
310
  @include media-breakpoint-down($breakpoint-down) {
317
- @include clay-css($collapse-mobile);
318
- }
319
-
320
- &.collapsing,
321
- &.show {
322
- display: block;
311
+ @include clay-css($mobile);
323
312
  }
324
- }
325
313
 
326
- .menubar-toggler {
327
- @include media-breakpoint-down($breakpoint-down) {
328
- @include clay-css($toggler-mobile);
314
+ .menubar-collapse {
315
+ @include clay-css(map-get($map, collapse));
329
316
 
330
- @if (map-get($_toggler-mobile-c-inner, enabled)) {
331
- .c-inner {
332
- @include clay-css($_toggler-mobile-c-inner);
333
- }
317
+ @include media-breakpoint-down($breakpoint-down) {
318
+ @include clay-css($collapse-mobile);
334
319
  }
335
320
 
336
- .lexicon-icon {
337
- @include clay-css(map-get($toggler-mobile, lexicon-icon));
321
+ &.collapsing,
322
+ &.show {
323
+ display: block;
338
324
  }
339
325
  }
340
- }
341
326
 
342
- .nav-nested {
343
- @include clay-css(map-get($map, nav-nested));
327
+ .menubar-toggler {
328
+ @include media-breakpoint-down($breakpoint-down) {
329
+ @include clay-css($toggler-mobile);
330
+
331
+ @if (map-get($_toggler-mobile-c-inner, enabled)) {
332
+ .c-inner {
333
+ @include clay-css($_toggler-mobile-c-inner);
334
+ }
335
+ }
344
336
 
345
- @include media-breakpoint-down($breakpoint-down) {
346
- @include clay-css($nav-nested-mobile);
337
+ .lexicon-icon {
338
+ @include clay-css(
339
+ map-get($toggler-mobile, lexicon-icon)
340
+ );
341
+ }
342
+ }
347
343
  }
348
- }
349
344
 
350
- .nav-nested-margins {
351
- @include clay-css(map-get($map, nav-nested-margins));
345
+ .nav-nested {
346
+ @include clay-css(map-get($map, nav-nested));
352
347
 
353
- @include media-breakpoint-down($breakpoint-down) {
354
- @include clay-css($nav-nested-margins-mobile);
348
+ @include media-breakpoint-down($breakpoint-down) {
349
+ @include clay-css($nav-nested-mobile);
350
+ }
355
351
  }
356
352
 
357
- > li .nav > li {
358
- @include clay-css(map-get($map, nav-nested-margins-item));
353
+ .nav-nested-margins {
354
+ @include clay-css(map-get($map, nav-nested-margins));
359
355
 
360
356
  @include media-breakpoint-down($breakpoint-down) {
361
- @include clay-css(
362
- map-get($map, nav-nested-margins-item-mobile)
363
- );
357
+ @include clay-css($nav-nested-margins-mobile);
358
+ }
359
+
360
+ > li .nav > li {
361
+ @include clay-css(map-get($map, nav-nested-margins-item));
362
+
363
+ @include media-breakpoint-down($breakpoint-down) {
364
+ @include clay-css(
365
+ map-get($map, nav-nested-margins-item-mobile)
366
+ );
367
+ }
364
368
  }
365
369
  }
366
- }
367
- } @else {
368
- .menubar-collapse {
369
- display: block;
370
+ } @else {
371
+ .menubar-collapse {
372
+ display: block;
373
+ }
370
374
  }
371
375
  }
372
376
  }