@clayui/css 3.40.1 → 3.44.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 (91) hide show
  1. package/lib/css/atlas.css +1369 -1347
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1196 -1146
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1104 -1097
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/date-time.svg +12 -0
  9. package/lib/images/icons/filter.svg +1 -1
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/date-time.svg +12 -0
  13. package/src/images/icons/filter.svg +1 -1
  14. package/src/scss/_mixins.scss +2 -0
  15. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  16. package/src/scss/atlas/variables/_buttons.scss +2 -31
  17. package/src/scss/atlas/variables/_forms.scss +33 -1
  18. package/src/scss/atlas/variables/_globals.scss +13 -0
  19. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  20. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  21. package/src/scss/atlas/variables/_navs.scss +20 -15
  22. package/src/scss/atlas/variables/_pagination.scss +2 -0
  23. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  24. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  25. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  26. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  27. package/src/scss/cadmin/components/_navs.scss +35 -113
  28. package/src/scss/cadmin/components/_pagination.scss +20 -236
  29. package/src/scss/cadmin/components/_popovers.scss +31 -252
  30. package/src/scss/cadmin/components/_reboot.scss +1 -8
  31. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  32. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  33. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  34. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  35. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  36. package/src/scss/cadmin/variables/_forms.scss +719 -7
  37. package/src/scss/cadmin/variables/_globals.scss +14 -0
  38. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  39. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  40. package/src/scss/cadmin/variables/_navs.scss +270 -53
  41. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  42. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  43. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  44. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  45. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  46. package/src/scss/components/_button-groups.scss +6 -6
  47. package/src/scss/components/_buttons.scss +87 -49
  48. package/src/scss/components/_cards.scss +16 -116
  49. package/src/scss/components/_dropdowns.scss +4 -0
  50. package/src/scss/components/_form-validation.scss +8 -237
  51. package/src/scss/components/_input-groups.scss +12 -308
  52. package/src/scss/components/_multi-step-nav.scss +12 -8
  53. package/src/scss/components/_navs.scss +45 -128
  54. package/src/scss/components/_pagination.scss +18 -234
  55. package/src/scss/components/_popovers.scss +30 -237
  56. package/src/scss/components/_reboot.scss +1 -8
  57. package/src/scss/components/_toggle-switch.scss +36 -351
  58. package/src/scss/components/_tooltip.scss +29 -164
  59. package/src/scss/functions/_global-functions.scss +18 -0
  60. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  61. package/src/scss/mixins/_buttons.scss +674 -472
  62. package/src/scss/mixins/_cards.scss +746 -560
  63. package/src/scss/mixins/_close.scss +0 -1
  64. package/src/scss/mixins/_custom-forms.scss +442 -409
  65. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  66. package/src/scss/mixins/_forms.scss +751 -260
  67. package/src/scss/mixins/_globals.scss +7 -0
  68. package/src/scss/mixins/_input-groups.scss +405 -11
  69. package/src/scss/mixins/_labels.scss +320 -296
  70. package/src/scss/mixins/_links.scss +645 -414
  71. package/src/scss/mixins/_nav.scss +202 -131
  72. package/src/scss/mixins/_navbar.scss +791 -140
  73. package/src/scss/mixins/_pagination.scss +422 -0
  74. package/src/scss/mixins/_popovers.scss +90 -0
  75. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  76. package/src/scss/mixins/_tooltip.scss +70 -0
  77. package/src/scss/variables/_alerts.scss +1 -0
  78. package/src/scss/variables/_application-bar.scss +18 -6
  79. package/src/scss/variables/_buttons.scss +26 -3
  80. package/src/scss/variables/_cards.scss +273 -1
  81. package/src/scss/variables/_dropdowns.scss +31 -2
  82. package/src/scss/variables/_forms.scss +700 -23
  83. package/src/scss/variables/_globals.scss +13 -0
  84. package/src/scss/variables/_management-bar.scss +45 -12
  85. package/src/scss/variables/_navigation-bar.scss +95 -14
  86. package/src/scss/variables/_navs.scss +266 -33
  87. package/src/scss/variables/_pagination.scss +261 -61
  88. package/src/scss/variables/_popovers.scss +392 -0
  89. package/src/scss/variables/_sidebar.scss +17 -5
  90. package/src/scss/variables/_toggle-switch.scss +404 -5
  91. package/src/scss/variables/_tooltip.scss +299 -0
package/src/scss/cadmin/variables/_pagination.scss CHANGED
@@ -11,7 +11,7 @@ $cadmin-pagination-hover-bg: rgba(0, 0, 0, 0.02) !default;
11
11
  $cadmin-pagination-hover-border-color: transparent !default;
12
12
  $cadmin-pagination-hover-color: $cadmin-gray-900 !default;
13
13
 
14
- $cadmin-pagination-focus-box-shadow: $cadmin-input-btn-focus-box-shadow !default;
14
+ $cadmin-pagination-focus-box-shadow: $cadmin-component-focus-box-shadow !default;
15
15
  $cadmin-pagination-focus-outline: 0 !default;
16
16
 
17
17
  $cadmin-pagination-active-bg: rgba(0, 0, 0, 0.04) !default;
@@ -78,39 +78,12 @@ $cadmin-pagination-disabled-opacity: 0.5 !default;
78
78
 
79
79
  $cadmin-pagination-disabled-pointer-events: auto !default;
80
80
 
81
- // Pagination Link
82
-
83
- $cadmin-pagination-link: () !default;
84
- $cadmin-pagination-link: map-deep-merge(
85
- (
86
- align-items: center,
87
- bg: $cadmin-pagination-bg,
88
- border-radius: $cadmin-pagination-link-border-radius,
89
- border-color: $cadmin-pagination-border-color,
90
- border-style: solid,
91
- border-width: $cadmin-pagination-border-width,
92
- color: $cadmin-pagination-color,
93
- cursor: $cadmin-pagination-link-cursor,
94
- display: inline-flex,
95
- height: $cadmin-pagination-item-height,
96
- justify-content: center,
97
- line-height: $cadmin-pagination-line-height,
98
- margin-left: 0,
99
- padding-bottom: $cadmin-pagination-padding-y,
100
- padding-left: $cadmin-pagination-padding-x,
101
- padding-right: $cadmin-pagination-padding-x,
102
- padding-top: $cadmin-pagination-padding-y,
103
- position: relative,
104
- transition: $cadmin-pagination-link-transition,
105
- lexicon-icon-margin-top: 0,
106
- ),
107
- $cadmin-pagination-link
108
- );
81
+ // .page-link
109
82
 
110
83
  $cadmin-pagination-link-hover: () !default;
111
84
  $cadmin-pagination-link-hover: map-deep-merge(
112
85
  (
113
- bg: $cadmin-pagination-hover-bg,
86
+ background-color: $cadmin-pagination-hover-bg,
114
87
  border-color: $cadmin-pagination-hover-border-color,
115
88
  color: $cadmin-pagination-hover-color,
116
89
  text-decoration: none,
@@ -122,7 +95,7 @@ $cadmin-pagination-link-hover: map-deep-merge(
122
95
  $cadmin-pagination-link-focus: () !default;
123
96
  $cadmin-pagination-link-focus: map-deep-merge(
124
97
  (
125
- bg: $cadmin-pagination-hover-bg,
98
+ background-color: $cadmin-pagination-hover-bg,
126
99
  border-color: $cadmin-pagination-hover-border-color,
127
100
  box-shadow: $cadmin-pagination-focus-box-shadow,
128
101
  color: $cadmin-pagination-hover-color,
@@ -135,7 +108,7 @@ $cadmin-pagination-link-focus: map-deep-merge(
135
108
  $cadmin-pagination-link-active: () !default;
136
109
  $cadmin-pagination-link-active: map-deep-merge(
137
110
  (
138
- bg: $cadmin-pagination-active-bg,
111
+ background-color: $cadmin-pagination-active-bg,
139
112
  border-color: $cadmin-pagination-active-border-color,
140
113
  color: $cadmin-pagination-active-color,
141
114
  cursor: default,
@@ -147,7 +120,7 @@ $cadmin-pagination-link-active: map-deep-merge(
147
120
  $cadmin-pagination-link-disabled: () !default;
148
121
  $cadmin-pagination-link-disabled: map-deep-merge(
149
122
  (
150
- bg: $cadmin-pagination-disabled-bg,
123
+ background-color: $cadmin-pagination-disabled-bg,
151
124
  border-color: $cadmin-pagination-disabled-border-color,
152
125
  box-shadow: none,
153
126
  color: $cadmin-pagination-disabled-color,
@@ -159,6 +132,98 @@ $cadmin-pagination-link-disabled: map-deep-merge(
159
132
  $cadmin-pagination-link-disabled
160
133
  );
161
134
 
135
+ $cadmin-pagination-link: () !default;
136
+ $cadmin-pagination-link: map-deep-merge(
137
+ (
138
+ align-items: center,
139
+ background-color: $cadmin-pagination-bg,
140
+ border-radius: $cadmin-pagination-link-border-radius,
141
+ border-color: $cadmin-pagination-border-color,
142
+ border-style: solid,
143
+ border-width: $cadmin-pagination-border-width,
144
+ color: $cadmin-pagination-color,
145
+ cursor: $cadmin-pagination-link-cursor,
146
+ display: inline-flex,
147
+ height: $cadmin-pagination-item-height,
148
+ justify-content: center,
149
+ line-height: $cadmin-pagination-line-height,
150
+ margin-left: 0,
151
+ padding-bottom: $cadmin-pagination-padding-y,
152
+ padding-left: $cadmin-pagination-padding-x,
153
+ padding-right: $cadmin-pagination-padding-x,
154
+ padding-top: $cadmin-pagination-padding-y,
155
+ position: relative,
156
+ transition: $cadmin-pagination-link-transition,
157
+ hover: $cadmin-pagination-link-hover,
158
+ focus: $cadmin-pagination-link-focus,
159
+ active: $cadmin-pagination-link-active,
160
+ disabled: $cadmin-pagination-link-disabled,
161
+ lexicon-icon: (
162
+ margin-top: 0,
163
+ ),
164
+ ),
165
+ $cadmin-pagination-link
166
+ );
167
+
168
+ // .page-item:first-child .page-link, .page-link-first
169
+
170
+ $cadmin-pagination-link-first: () !default;
171
+ $cadmin-pagination-link-first: map-merge(
172
+ (
173
+ border-radius:
174
+ clay-enable-rounded($cadmin-pagination-link-first-border-radius),
175
+ ),
176
+ $cadmin-pagination-link-first
177
+ );
178
+
179
+ // .page-item:last-child .page-link, .page-link-last
180
+
181
+ $cadmin-pagination-link-last: () !default;
182
+ $cadmin-pagination-link-last: map-deep-merge(
183
+ (
184
+ border-radius:
185
+ clay-enable-rounded($cadmin-pagination-link-last-border-radius),
186
+ ),
187
+ $cadmin-pagination-link-last
188
+ );
189
+
190
+ // .pagination
191
+
192
+ $cadmin-pagination: () !default;
193
+ $cadmin-pagination: map-deep-merge(
194
+ (
195
+ border-radius: clay-enable-rounded($cadmin-border-radius),
196
+ display: flex,
197
+ flex-wrap: wrap,
198
+ font-size: $cadmin-pagination-font-size,
199
+ list-style: none,
200
+ margin-bottom: $cadmin-pagination-margin-bottom,
201
+ padding-left: 0,
202
+ ),
203
+ $cadmin-pagination
204
+ );
205
+
206
+ // .pagination-bar
207
+
208
+ $cadmin-pagination-bar: () !default;
209
+ $cadmin-pagination-bar: map-deep-merge(
210
+ (
211
+ align-items: center,
212
+ display: flex,
213
+ flex-wrap: wrap,
214
+ media-breakpoint-down: (
215
+ sm: (
216
+ flex-direction: column,
217
+ justify-content: center,
218
+ pagination: (
219
+ margin-top: $cadmin-pagination-margin-top-mobile,
220
+ ),
221
+ ),
222
+ ),
223
+ ),
224
+ $cadmin-pagination-bar
225
+ );
226
+
162
227
  // Pagination Dropdown Menu
163
228
 
164
229
  $cadmin-pagination-dropdown-menu-spacer-y: 10px !default; // 10px
@@ -216,38 +281,10 @@ $cadmin-pagination-items-per-page-lexicon-icon-margin-top: 2px !default; // 2px
216
281
 
217
282
  // Pagination Items Per Page Link
218
283
 
219
- $cadmin-pagination-items-per-page-link: () !default;
220
- $cadmin-pagination-items-per-page-link: map-deep-merge(
221
- (
222
- align-items: center,
223
- bg: $cadmin-pagination-items-per-page-bg,
224
- border-color: $cadmin-pagination-items-per-page-border-color,
225
- border-radius: $cadmin-pagination-items-per-page-border-radius,
226
- border-style: solid,
227
- border-width: $cadmin-pagination-border-width,
228
- color: $cadmin-pagination-items-per-page-color,
229
- display: inline-flex,
230
- height: $cadmin-pagination-item-height,
231
- justify-content: center,
232
- line-height: $cadmin-pagination-line-height,
233
- padding-bottom: $cadmin-pagination-padding-y,
234
- padding-left: $cadmin-pagination-padding-x,
235
- padding-right: $cadmin-pagination-padding-x,
236
- padding-top: $cadmin-pagination-padding-y,
237
- text-decoration: none,
238
- transition: $cadmin-pagination-items-per-page-transition,
239
- lexicon-icon-margin-left:
240
- $cadmin-pagination-items-per-page-lexicon-icon-margin-left,
241
- lexicon-icon-margin-top:
242
- $cadmin-pagination-items-per-page-lexicon-icon-margin-top,
243
- ),
244
- $cadmin-pagination-items-per-page-link
245
- );
246
-
247
284
  $cadmin-pagination-items-per-page-link-hover: () !default;
248
285
  $cadmin-pagination-items-per-page-link-hover: map-deep-merge(
249
286
  (
250
- bg: $cadmin-pagination-items-per-page-hover-bg,
287
+ background-color: $cadmin-pagination-items-per-page-hover-bg,
251
288
  border-color: $cadmin-pagination-items-per-page-hover-border-color,
252
289
  color: $cadmin-pagination-items-per-page-hover-color,
253
290
  ),
@@ -257,7 +294,7 @@ $cadmin-pagination-items-per-page-link-hover: map-deep-merge(
257
294
  $cadmin-pagination-items-per-page-link-focus: () !default;
258
295
  $cadmin-pagination-items-per-page-link-focus: map-deep-merge(
259
296
  (
260
- bg: map-get($cadmin-pagination-link-focus, bg),
297
+ background-color: map-get($cadmin-pagination-link-focus, bg),
261
298
  border-color: map-get($cadmin-pagination-link-focus, border-color),
262
299
  box-shadow: $cadmin-pagination-items-per-page-focus-box-shadow,
263
300
  color: map-get($cadmin-pagination-link-focus, color),
@@ -269,7 +306,7 @@ $cadmin-pagination-items-per-page-link-focus: map-deep-merge(
269
306
  $cadmin-pagination-items-per-page-link-active: () !default;
270
307
  $cadmin-pagination-items-per-page-link-active: map-deep-merge(
271
308
  (
272
- bg: $cadmin-pagination-active-bg,
309
+ background-color: $cadmin-pagination-active-bg,
273
310
  border-color: $cadmin-pagination-active-border-color,
274
311
  color: $cadmin-pagination-active-color,
275
312
  ),
@@ -279,7 +316,7 @@ $cadmin-pagination-items-per-page-link-active: map-deep-merge(
279
316
  $cadmin-pagination-items-per-page-link-disabled: () !default;
280
317
  $cadmin-pagination-items-per-page-link-disabled: map-deep-merge(
281
318
  (
282
- bg: $cadmin-pagination-disabled-bg,
319
+ background-color: $cadmin-pagination-disabled-bg,
283
320
  border-color: $cadmin-pagination-disabled-border-color,
284
321
  box-shadow: none,
285
322
  color: $cadmin-pagination-disabled-color,
@@ -290,11 +327,82 @@ $cadmin-pagination-items-per-page-link-disabled: map-deep-merge(
290
327
  $cadmin-pagination-items-per-page-link-disabled
291
328
  );
292
329
 
293
- // Pagination Results
330
+ $cadmin-pagination-items-per-page-link: () !default;
331
+ $cadmin-pagination-items-per-page-link: map-deep-merge(
332
+ (
333
+ align-items: center,
334
+ background-color: $cadmin-pagination-items-per-page-bg,
335
+ border-color: $cadmin-pagination-items-per-page-border-color,
336
+ border-radius: $cadmin-pagination-items-per-page-border-radius,
337
+ border-style: solid,
338
+ border-width: $cadmin-pagination-border-width,
339
+ color: $cadmin-pagination-items-per-page-color,
340
+ display: inline-flex,
341
+ height: $cadmin-pagination-item-height,
342
+ justify-content: center,
343
+ line-height: $cadmin-pagination-line-height,
344
+ padding-bottom: $cadmin-pagination-padding-y,
345
+ padding-left: $cadmin-pagination-padding-x,
346
+ padding-right: $cadmin-pagination-padding-x,
347
+ padding-top: $cadmin-pagination-padding-y,
348
+ text-decoration: none,
349
+ transition: $cadmin-pagination-items-per-page-transition,
350
+ hover: $cadmin-pagination-items-per-page-link-hover,
351
+ focus: $cadmin-pagination-items-per-page-link-focus,
352
+ active: $cadmin-pagination-items-per-page-link-active,
353
+ disabled: $cadmin-pagination-items-per-page-link-disabled,
354
+ lexicon-icon: (
355
+ margin-left:
356
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-left,
357
+ margin-top:
358
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-top,
359
+ ),
360
+ ),
361
+ $cadmin-pagination-items-per-page-link
362
+ );
363
+
364
+ // .pagination-items-per-page
365
+
366
+ $cadmin-pagination-items-per-page: () !default;
367
+ $cadmin-pagination-items-per-page: map-deep-merge(
368
+ (
369
+ font-size: $cadmin-pagination-items-per-page-font-size,
370
+ margin-bottom: $cadmin-pagination-margin-bottom,
371
+ link: $cadmin-pagination-items-per-page-link,
372
+ media-breakpoint-down: (
373
+ sm: (
374
+ pagination-results: (
375
+ margin-left: auto,
376
+ ),
377
+ ),
378
+ ),
379
+ ),
380
+ $cadmin-pagination-items-per-page
381
+ );
382
+
383
+ // .pagination-results
294
384
 
295
385
  $cadmin-pagination-results-color: $cadmin-pagination-color !default;
296
386
 
297
- // Pagination Sm
387
+ $cadmin-pagination-results: () !default;
388
+ $cadmin-pagination-results: map-deep-merge(
389
+ (
390
+ border-color: transparent,
391
+ border-style: solid,
392
+ border-width: $cadmin-pagination-border-width,
393
+ color: $cadmin-pagination-results-color,
394
+ font-size: $cadmin-pagination-font-size,
395
+ line-height: $cadmin-pagination-line-height,
396
+ margin-bottom: $cadmin-pagination-margin-bottom,
397
+ margin-right: auto,
398
+ max-width: 100%,
399
+ padding: $cadmin-pagination-padding-y $cadmin-pagination-padding-x,
400
+ word-wrap: break-word,
401
+ ),
402
+ $cadmin-pagination-results
403
+ );
404
+
405
+ // .pagination-sm
298
406
 
299
407
  $cadmin-pagination-font-size-sm: 12px !default; // 12px
300
408
  $cadmin-pagination-line-height-sm: 1 !default;
@@ -308,7 +416,56 @@ $cadmin-pagination-link-border-radius-sm: 5px !default;
308
416
  $cadmin-pagination-items-per-page-lexicon-icon-margin-left-sm: null !default;
309
417
  $cadmin-pagination-items-per-page-lexicon-icon-margin-top-sm: null !default;
310
418
 
311
- // Pagination Lg
419
+ $cadmin-pagination-sm: () !default;
420
+ $cadmin-pagination-sm: map-deep-merge(
421
+ (
422
+ page-link: (
423
+ font-size: $cadmin-pagination-font-size-sm,
424
+ height: $cadmin-pagination-item-height-sm,
425
+ line-height: $cadmin-pagination-line-height-sm,
426
+ padding-bottom: $cadmin-pagination-padding-y-sm,
427
+ padding-right: $cadmin-pagination-padding-x-sm,
428
+ padding-left: $cadmin-pagination-padding-x-sm,
429
+ padding-top: $cadmin-pagination-padding-y-sm,
430
+ ),
431
+ page-link-first: (
432
+ border-bottom-left-radius: $cadmin-pagination-link-border-radius-sm,
433
+ border-top-left-radius: $cadmin-pagination-link-border-radius-sm,
434
+ ),
435
+ page-link-last: (
436
+ border-bottom-right-radius: $cadmin-pagination-link-border-radius-sm,
437
+ border-top-right-radius: $cadmin-pagination-link-border-radius-sm,
438
+ ),
439
+ pagination-items-per-page: (
440
+ border-radius:
441
+ clay-enable-rounded($cadmin-pagination-link-border-radius-sm),
442
+ link: (
443
+ font-size: $cadmin-pagination-font-size-sm,
444
+ height: $cadmin-pagination-item-height-sm,
445
+ line-height: $cadmin-pagination-line-height-sm,
446
+ padding-bottom: $cadmin-pagination-padding-y-sm,
447
+ padding-left: $cadmin-pagination-padding-x,
448
+ padding-right: $cadmin-pagination-padding-x,
449
+ padding-top: $cadmin-pagination-padding-y-sm,
450
+ ),
451
+ lexicon-icon: (
452
+ margin-left:
453
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-left-sm,
454
+ margin-right:
455
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-top-sm,
456
+ ),
457
+ pagination-results: (
458
+ font-size: $cadmin-pagination-font-size-sm,
459
+ line-height: $cadmin-pagination-line-height-sm,
460
+ padding: $cadmin-pagination-padding-y-sm
461
+ $cadmin-pagination-padding-x,
462
+ ),
463
+ ),
464
+ ),
465
+ $cadmin-pagination-sm
466
+ );
467
+
468
+ // .pagination-lg
312
469
 
313
470
  $cadmin-pagination-font-size-lg: 18px !default; // 18px
314
471
  $cadmin-pagination-line-height-lg: 1 !default;
@@ -321,3 +478,52 @@ $cadmin-pagination-link-border-radius-lg: 5px !default; // 5px
321
478
 
322
479
  $cadmin-pagination-items-per-page-lexicon-icon-margin-left-lg: null !default;
323
480
  $cadmin-pagination-items-per-page-lexicon-icon-margin-top-lg: null !default;
481
+
482
+ $cadmin-pagination-lg: () !default;
483
+ $cadmin-pagination-lg: map-deep-merge(
484
+ (
485
+ page-link: (
486
+ font-size: $cadmin-pagination-font-size-lg,
487
+ height: $cadmin-pagination-item-height-lg,
488
+ line-height: $cadmin-pagination-line-height-lg,
489
+ padding-bottom: $cadmin-pagination-padding-y-lg,
490
+ padding-left: $cadmin-pagination-padding-x-lg,
491
+ padding-right: $cadmin-pagination-padding-x-lg,
492
+ padding-top: $cadmin-pagination-padding-y-lg,
493
+ ),
494
+ page-link-first: (
495
+ border-bottom-left-radius: $cadmin-pagination-link-border-radius-lg,
496
+ border-top-left-radius: $cadmin-pagination-link-border-radius-lg,
497
+ ),
498
+ page-link-last: (
499
+ border-bottom-right-radius: $cadmin-pagination-link-border-radius-lg,
500
+ border-top-right-radius: $cadmin-pagination-link-border-radius-lg,
501
+ ),
502
+ pagination-items-per-page: (
503
+ border-radius:
504
+ clay-enable-rounded($cadmin-pagination-link-border-radius-lg),
505
+ link: (
506
+ font-size: $cadmin-pagination-font-size-lg,
507
+ height: $cadmin-pagination-item-height-lg,
508
+ line-height: $cadmin-pagination-line-height-lg,
509
+ padding-bottom: $cadmin-pagination-padding-y-lg,
510
+ padding-left: $cadmin-pagination-padding-x,
511
+ padding-right: $cadmin-pagination-padding-x,
512
+ padding-top: $cadmin-pagination-padding-y-lg,
513
+ ),
514
+ lexicon-icon: (
515
+ margin-left:
516
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-left-lg,
517
+ margin-right:
518
+ $cadmin-pagination-items-per-page-lexicon-icon-margin-top-lg,
519
+ ),
520
+ pagination-results: (
521
+ font-size: $cadmin-pagination-font-size-lg,
522
+ line-height: $cadmin-pagination-line-height-lg,
523
+ padding: $cadmin-pagination-padding-y-lg
524
+ $cadmin-pagination-padding-x,
525
+ ),
526
+ ),
527
+ ),
528
+ $cadmin-pagination-lg
529
+ );