@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/atlas/variables/_labels.scss CHANGED
@@ -135,9 +135,11 @@ $label-primary: map-deep-merge(
135
135
  (
136
136
  border-color: $label-primary-border-color,
137
137
  color: $label-primary-color,
138
- hover: (
139
- border-color: $label-primary-hover-border-color,
140
- color: $label-primary-hover-color,
138
+ href: (
139
+ hover: (
140
+ border-color: $label-primary-hover-border-color,
141
+ color: $label-primary-hover-color,
142
+ ),
141
143
  ),
142
144
  ),
143
145
  $label-primary
@@ -164,9 +166,11 @@ $label-secondary: map-deep-merge(
164
166
  (
165
167
  border-color: $label-secondary-border-color,
166
168
  color: $label-secondary-color,
167
- hover: (
168
- border-color: $label-secondary-hover-border-color,
169
- color: $label-secondary-hover-color,
169
+ href: (
170
+ hover: (
171
+ border-color: $label-secondary-hover-border-color,
172
+ color: $label-secondary-hover-color,
173
+ ),
170
174
  ),
171
175
  ),
172
176
  $label-secondary
@@ -193,9 +197,11 @@ $label-success: map-deep-merge(
193
197
  (
194
198
  border-color: $label-success-border-color,
195
199
  color: $label-success-color,
196
- hover: (
197
- border-color: $label-success-hover-border-color,
198
- color: $label-success-hover-color,
200
+ href: (
201
+ hover: (
202
+ border-color: $label-success-hover-border-color,
203
+ color: $label-success-hover-color,
204
+ ),
199
205
  ),
200
206
  ),
201
207
  $label-success
@@ -222,9 +228,11 @@ $label-info: map-deep-merge(
222
228
  (
223
229
  border-color: $label-info-border-color,
224
230
  color: $label-info-color,
225
- hover: (
226
- border-color: $label-info-hover-border-color,
227
- color: $label-info-hover-color,
231
+ href: (
232
+ hover: (
233
+ border-color: $label-info-hover-border-color,
234
+ color: $label-info-hover-color,
235
+ ),
228
236
  ),
229
237
  ),
230
238
  $label-info
@@ -251,9 +259,11 @@ $label-warning: map-deep-merge(
251
259
  (
252
260
  border-color: $label-warning-border-color,
253
261
  color: $label-warning-color,
254
- hover: (
255
- border-color: $label-warning-hover-border-color,
256
- color: $label-warning-hover-color,
262
+ href: (
263
+ hover: (
264
+ border-color: $label-warning-hover-border-color,
265
+ color: $label-warning-hover-color,
266
+ ),
257
267
  ),
258
268
  ),
259
269
  $label-warning
@@ -280,9 +290,11 @@ $label-danger: map-deep-merge(
280
290
  (
281
291
  border-color: $label-danger-border-color,
282
292
  color: $label-danger-color,
283
- hover: (
284
- border-color: $label-danger-hover-border-color,
285
- color: $label-danger-hover-color,
293
+ href: (
294
+ hover: (
295
+ border-color: $label-danger-hover-border-color,
296
+ color: $label-danger-hover-color,
297
+ ),
286
298
  ),
287
299
  ),
288
300
  $label-danger
@@ -314,9 +326,11 @@ $label-light: map-deep-merge(
314
326
  background-color: $label-light-bg,
315
327
  border-color: $label-light-border-color,
316
328
  color: $label-light-color,
317
- hover: (
318
- border-color: $label-light-hover-border-color,
319
- color: $label-light-hover-color,
329
+ href: (
330
+ hover: (
331
+ border-color: $label-light-hover-border-color,
332
+ color: $label-light-hover-color,
333
+ ),
320
334
  ),
321
335
  ),
322
336
  $label-light
@@ -343,9 +357,11 @@ $label-dark: map-deep-merge(
343
357
  (
344
358
  border-color: $label-dark-border-color,
345
359
  color: $label-dark-color,
346
- hover: (
347
- border-color: $label-dark-hover-border-color,
348
- color: $label-dark-hover-color,
360
+ href: (
361
+ hover: (
362
+ border-color: $label-dark-hover-border-color,
363
+ color: $label-dark-hover-color,
364
+ ),
349
365
  ),
350
366
  ),
351
367
  $label-dark
@@ -357,10 +373,12 @@ $label-inverse-primary: () !default;
357
373
  $label-inverse-primary: map-deep-merge(
358
374
  (
359
375
  color: $white,
360
- hover: (
361
- background-color: null,
362
- border-color: null,
363
- color: $white,
376
+ href: (
377
+ hover: (
378
+ background-color: null,
379
+ border-color: null,
380
+ color: $white,
381
+ ),
364
382
  ),
365
383
  link: (
366
384
  hover: (
@@ -380,10 +398,12 @@ $label-inverse-secondary: () !default;
380
398
  $label-inverse-secondary: map-deep-merge(
381
399
  (
382
400
  color: $white,
383
- hover: (
384
- background-color: null,
385
- border-color: null,
386
- color: $white,
401
+ href: (
402
+ hover: (
403
+ background-color: null,
404
+ border-color: null,
405
+ color: $white,
406
+ ),
387
407
  ),
388
408
  link: (
389
409
  hover: (
@@ -403,10 +423,12 @@ $label-inverse-success: () !default;
403
423
  $label-inverse-success: map-deep-merge(
404
424
  (
405
425
  color: $white,
406
- hover: (
407
- background-color: null,
408
- border-color: null,
409
- color: $white,
426
+ href: (
427
+ hover: (
428
+ background-color: null,
429
+ border-color: null,
430
+ color: $white,
431
+ ),
410
432
  ),
411
433
  link: (
412
434
  hover: (
@@ -426,10 +448,12 @@ $label-inverse-info: () !default;
426
448
  $label-inverse-info: map-deep-merge(
427
449
  (
428
450
  color: $white,
429
- hover: (
430
- background-color: null,
431
- border-color: null,
432
- color: $white,
451
+ href: (
452
+ hover: (
453
+ background-color: null,
454
+ border-color: null,
455
+ color: $white,
456
+ ),
433
457
  ),
434
458
  link: (
435
459
  hover: (
@@ -449,10 +473,12 @@ $label-inverse-warning: () !default;
449
473
  $label-inverse-warning: map-deep-merge(
450
474
  (
451
475
  color: $white,
452
- hover: (
453
- background-color: null,
454
- border-color: null,
455
- color: $white,
476
+ href: (
477
+ hover: (
478
+ background-color: null,
479
+ border-color: null,
480
+ color: $white,
481
+ ),
456
482
  ),
457
483
  link: (
458
484
  hover: (
@@ -472,10 +498,12 @@ $label-inverse-danger: () !default;
472
498
  $label-inverse-danger: map-deep-merge(
473
499
  (
474
500
  color: $white,
475
- hover: (
476
- background-color: null,
477
- border-color: null,
478
- color: $white,
501
+ href: (
502
+ hover: (
503
+ background-color: null,
504
+ border-color: null,
505
+ color: $white,
506
+ ),
479
507
  ),
480
508
  link: (
481
509
  hover: (
@@ -495,10 +523,12 @@ $label-inverse-light: () !default;
495
523
  $label-inverse-light: map-deep-merge(
496
524
  (
497
525
  color: $dark,
498
- hover: (
499
- background-color: null,
500
- border-color: null,
501
- color: $dark,
526
+ href: (
527
+ hover: (
528
+ background-color: null,
529
+ border-color: null,
530
+ color: $dark,
531
+ ),
502
532
  ),
503
533
  link: (
504
534
  hover: (
@@ -518,10 +548,12 @@ $label-inverse-dark: () !default;
518
548
  $label-inverse-dark: map-deep-merge(
519
549
  (
520
550
  color: $white,
521
- hover: (
522
- background-color: null,
523
- border-color: null,
524
- color: $white,
551
+ href: (
552
+ hover: (
553
+ background-color: null,
554
+ border-color: null,
555
+ color: $white,
556
+ ),
525
557
  ),
526
558
  link: (
527
559
  hover: (
package/src/scss/atlas/variables/_management-bar.scss CHANGED
@@ -1,11 +1,19 @@
1
1
  $management-bar-base: () !default;
2
2
  $management-bar-base: map-deep-merge(
3
3
  (
4
- link-border-radius: $border-radius,
5
- link-outline: 0,
6
- link-transition: box-shadow 0.15s ease-in-out,
7
- link-focus-box-shadow: $btn-focus-box-shadow,
8
- link-disabled-box-shadow: none,
4
+ navbar-nav: (
5
+ nav-link: (
6
+ border-radius: $border-radius,
7
+ outline: 0,
8
+ transition: box-shadow 0.15s ease-in-out,
9
+ focus: (
10
+ box-shadow: $btn-focus-box-shadow,
11
+ ),
12
+ disabled: (
13
+ box-shadow: none,
14
+ ),
15
+ ),
16
+ ),
9
17
  ),
10
18
  $management-bar-base
11
19
  );
@@ -13,14 +21,26 @@ $management-bar-base: map-deep-merge(
13
21
  $management-bar-light: () !default;
14
22
  $management-bar-light: map-deep-merge(
15
23
  (
16
- bg: $white,
17
- link-font-weight: $font-weight-semi-bold,
18
- link-hover-color: $gray-900,
19
- link-hover-bg: rgba($gray-900, 0.03),
20
- link-focus-color: $gray-900,
21
- link-focus-bg: rgba($gray-900, 0.03),
22
- link-active-bg: rgba($gray-900, 0.06),
23
- link-disabled-bg: transparent,
24
+ background-color: $white,
25
+ navbar-nav: (
26
+ nav-link: (
27
+ font-weight: $font-weight-semi-bold,
28
+ hover: (
29
+ background-color: rgba($gray-900, 0.03),
30
+ color: $gray-900,
31
+ ),
32
+ focus: (
33
+ background-color: rgba($gray-900, 0.03),
34
+ color: $gray-900,
35
+ ),
36
+ active: (
37
+ background-color: rgba($gray-900, 0.06),
38
+ ),
39
+ disabled: (
40
+ background-color: transparent,
41
+ ),
42
+ ),
43
+ ),
24
44
  ),
25
45
  $management-bar-light
26
46
  );
@@ -28,14 +48,26 @@ $management-bar-light: map-deep-merge(
28
48
  $management-bar-primary: () !default;
29
49
  $management-bar-primary: map-deep-merge(
30
50
  (
31
- link-border-radius: $border-radius,
32
- link-font-weight: $font-weight-semi-bold,
33
- link-hover-color: $gray-900,
34
- link-hover-bg: rgba($gray-900, 0.03),
35
- link-focus-color: $gray-900,
36
- link-focus-bg: rgba($gray-900, 0.03),
37
- link-active-bg: rgba($gray-900, 0.06),
38
- link-disabled-bg: transparent,
51
+ navbar-nav: (
52
+ nav-link: (
53
+ border-radius: $border-radius,
54
+ font-weight: $font-weight-semi-bold,
55
+ hover: (
56
+ background-color: rgba($gray-900, 0.03),
57
+ color: $gray-900,
58
+ ),
59
+ focus: (
60
+ background-color: rgba($gray-900, 0.03),
61
+ color: $gray-900,
62
+ ),
63
+ active: (
64
+ background-color: rgba($gray-900, 0.06),
65
+ ),
66
+ disabled: (
67
+ background-color: transparent,
68
+ ),
69
+ ),
70
+ ),
39
71
  ),
40
72
  $management-bar-primary
41
73
  );
package/src/scss/atlas/variables/_navigation-bar.scss CHANGED
@@ -15,10 +15,20 @@ $navigation-bar-size: map-deep-merge(
15
15
  $navigation-bar-base: () !default;
16
16
  $navigation-bar-base: map-deep-merge(
17
17
  (
18
- link-border-radius: 0,
19
- link-outline: 0,
20
- link-focus-box-shadow: $btn-focus-box-shadow,
21
- link-disabled-box-shadow: none,
18
+ navbar-nav: (
19
+ nav-link: (
20
+ border-radius: 0,
21
+ outline: 0,
22
+ focus: (
23
+ box-shadow: $btn-focus-box-shadow,
24
+ ),
25
+ disabled: (
26
+ box-shadow: none,
27
+ ),
28
+ ),
29
+ ),
30
+ media-breakpoint-down: (),
31
+ media-breakpoint-up: (),
22
32
  ),
23
33
  $navigation-bar-base
24
34
  );
@@ -26,13 +36,50 @@ $navigation-bar-base: map-deep-merge(
26
36
  $navigation-bar-light: () !default;
27
37
  $navigation-bar-light: map-deep-merge(
28
38
  (
29
- bg: $white,
39
+ background-color: $white,
30
40
  border-color: $gray-200,
31
- link-font-weight: $font-weight-semi-bold,
32
- link-hover-color: $gray-900,
33
- link-focus-color: $gray-900,
34
- link-disabled-color: $gray-600,
35
- link-disabled-opacity: $btn-disabled-opacity,
41
+ navbar-nav: (
42
+ nav-link: (
43
+ font-weight: $font-weight-semi-bold,
44
+ hover: (
45
+ color: $gray-900,
46
+ ),
47
+ focus: (
48
+ color: $gray-900,
49
+ ),
50
+ disabled: (
51
+ color: $gray-600,
52
+ opacity: $btn-disabled-opacity,
53
+ ),
54
+ ),
55
+ ),
56
+ media-breakpoint-down: (
57
+ sm: (
58
+ navbar-expand-md: (
59
+ navbar-collapse: (
60
+ navbar-nav: (
61
+ dropdown-item: (
62
+ color: $navbar-light-color,
63
+ font-weight: $font-weight-semi-bold,
64
+ hover: (
65
+ color: $gray-900,
66
+ ),
67
+ focus: (
68
+ color: $gray-900,
69
+ ),
70
+ active: (
71
+ color: $gray-900,
72
+ ),
73
+ disabled: (
74
+ color: $gray-600,
75
+ opacity: $btn-disabled-opacity,
76
+ ),
77
+ ),
78
+ ),
79
+ ),
80
+ ),
81
+ ),
82
+ ),
36
83
  ),
37
84
  $navigation-bar-light
38
85
  );
@@ -40,14 +87,53 @@ $navigation-bar-light: map-deep-merge(
40
87
  $navigation-bar-secondary: () !default;
41
88
  $navigation-bar-secondary: map-deep-merge(
42
89
  (
43
- bg: $secondary-d1,
44
- link-color: $secondary-l2,
45
- link-font-weight: $font-weight-semi-bold,
46
- link-hover-color: $white,
47
- link-focus-color: $white,
48
- link-active-color: $white,
49
- link-disabled-color: $gray-400,
50
- link-disabled-opacity: $btn-disabled-opacity,
90
+ background-color: $secondary-d1,
91
+ navbar-nav: (
92
+ nav-link: (
93
+ color: $secondary-l2,
94
+ font-weight: $font-weight-semi-bold,
95
+ hover: (
96
+ color: $white,
97
+ ),
98
+ focus: (
99
+ color: $white,
100
+ ),
101
+ active: (
102
+ color: $white,
103
+ ),
104
+ disabled: (
105
+ color: $gray-400,
106
+ opacity: $btn-disabled-opacity,
107
+ ),
108
+ ),
109
+ ),
110
+ media-breakpoint-down: (
111
+ sm: (
112
+ navbar-expand-md: (
113
+ navbar-collapse: (
114
+ navbar-nav: (
115
+ dropdown-item: (
116
+ color: $secondary-l2,
117
+ font-weight: $font-weight-semi-bold,
118
+ hover: (
119
+ color: $white,
120
+ ),
121
+ focus: (
122
+ color: $white,
123
+ ),
124
+ active: (
125
+ color: $white,
126
+ ),
127
+ disabled: (
128
+ color: $gray-400,
129
+ opacity: $btn-disabled-opacity,
130
+ ),
131
+ ),
132
+ ),
133
+ ),
134
+ ),
135
+ ),
136
+ ),
51
137
  ),
52
138
  $navigation-bar-secondary
53
139
  );
package/src/scss/atlas/variables/_navs.scss CHANGED
@@ -8,7 +8,9 @@ $nav-link-padding-y: 0.625rem !default; // 10px
8
8
  $nav-link: () !default;
9
9
  $nav-link: map-deep-merge(
10
10
  (
11
- disabled-box-shadow: none,
11
+ disabled: (
12
+ box-shadow: none,
13
+ ),
12
14
  ),
13
15
  $nav-link
14
16
  );
@@ -16,7 +18,9 @@ $nav-link: map-deep-merge(
16
18
  $nav-link-btn-unstyled: () !default;
17
19
  $nav-link-btn-unstyled: map-deep-merge(
18
20
  (
19
- focus-box-shadow: 0 0 0 0.125rem $white#{','} 0 0 0 0.25rem $primary-l1,
21
+ focus: (
22
+ box-shadow: 0 0 0 0.125rem $white#{','} 0 0 0 0.25rem $primary-l1,
23
+ ),
20
24
  ),
21
25
  $nav-link-btn-unstyled
22
26
  );
@@ -46,9 +50,13 @@ $nav-tabs-link: map-deep-merge(
46
50
  (
47
51
  font-weight: $font-weight-semi-bold,
48
52
  transition: box-shadow 0.15s ease-in-out,
49
- focus-box-shadow: $component-focus-box-shadow,
50
- focus-outline: 0,
51
- disabled-box-shadow: none,
53
+ focus: (
54
+ box-shadow: $component-focus-box-shadow,
55
+ outline: 0,
56
+ ),
57
+ disabled: (
58
+ box-shadow: none,
59
+ ),
52
60
  ),
53
61
  $nav-tabs-link
54
62
  );
@@ -83,9 +91,13 @@ $nav-underline-link: map-deep-merge(
83
91
  padding-bottom: 0.5625rem,
84
92
  padding-top: 0.5625rem,
85
93
  transition: box-shadow 0.15s ease-in-out,
86
- focus-box-shadow: $component-focus-box-shadow,
87
- focus-outline: 0,
88
- disabled-box-shadow: none,
94
+ focus: (
95
+ box-shadow: $component-focus-box-shadow,
96
+ outline: 0,
97
+ ),
98
+ disabled: (
99
+ box-shadow: none,
100
+ ),
89
101
  ),
90
102
  $nav-underline-link
91
103
  );
package/src/scss/atlas/variables/_pagination.scss CHANGED
@@ -33,6 +33,8 @@ $pagination-hover-bg: rgba(0, 0, 0, 0.02) !default;
33
33
  $pagination-hover-border-color: transparent !default;
34
34
  $pagination-hover-color: $gray-900 !default;
35
35
 
36
+ $pagination-focus-box-shadow: $component-focus-box-shadow !default;
37
+
36
38
  $pagination-active-bg: rgba(0, 0, 0, 0.04) !default;
37
39
  $pagination-active-border-color: transparent !default;
38
40
  $pagination-active-color: $pagination-hover-color !default;
@@ -48,7 +50,7 @@ $pagination-disabled-opacity: 0.5 !default;
48
50
  $pagination-link-focus: () !default;
49
51
  $pagination-link-focus: map-deep-merge(
50
52
  (
51
- bg: $pagination-hover-bg,
53
+ background-color: $pagination-hover-bg,
52
54
  border-color: $pagination-hover-border-color,
53
55
  color: $pagination-hover-color,
54
56
  ),
@@ -64,7 +66,7 @@ $pagination-dropdown-menu-spacer-y: 0.625rem !default; // 10px
64
66
  $pagination-items-per-page-link-focus: () !default;
65
67
  $pagination-items-per-page-link-focus: map-deep-merge(
66
68
  (
67
- bg: map-get($pagination-link-focus, bg),
69
+ background-color: map-get($pagination-link-focus, background-color),
68
70
  border-color: map-get($pagination-link-focus, border-color),
69
71
  color: map-get($pagination-link-focus, color),
70
72
  ),
package/src/scss/atlas/variables/_sheets.scss CHANGED
@@ -36,8 +36,10 @@ $sheet-subtitle-link: map-deep-merge(
36
36
  (
37
37
  border-radius: 1px,
38
38
  transition: box-shadow 0.15s ease-in-out,
39
- focus-box-shadow: 0 0 0 0.25rem $white#{','} 0 0 0 0.375rem $primary-l1,
40
- focus-outline: 0,
39
+ focus: (
40
+ box-shadow: 0 0 0 0.25rem $white#{','} 0 0 0 0.375rem $primary-l1,
41
+ outline: 0,
42
+ ),
41
43
  ),
42
44
  $sheet-subtitle-link
43
45
  );
package/src/scss/atlas/variables/_sidebar.scss CHANGED
@@ -73,7 +73,7 @@ $sidebar-light: map-deep-merge(
73
73
  $sidebar-light-navigation-bar: () !default;
74
74
  $sidebar-light-navigation-bar: map-deep-merge(
75
75
  (
76
- bg: $white,
76
+ background-color: $white,
77
77
  border-color: $secondary-l2,
78
78
  ),
79
79
  $sidebar-light-navigation-bar