@djb25/digit-ui-css 1.0.86 → 1.0.87

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 (60) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +1 -1
  5. package/src/components/CitizenHomeCard.scss +6 -6
  6. package/src/components/EkycAssign.scss +5 -5
  7. package/src/components/FAQ.scss +2 -2
  8. package/src/components/SearchForm.scss +25 -25
  9. package/src/components/SurveyorDetailsDashboard.scss +29 -29
  10. package/src/components/TimeLine.scss +2 -2
  11. package/src/components/VerticalTimeline.scss +3 -3
  12. package/src/components/WorkflowTimeline.scss +5 -5
  13. package/src/components/accessibility.scss +177 -0
  14. package/src/components/body.scss +16 -16
  15. package/src/components/buttons.scss +3 -3
  16. package/src/components/card.scss +10 -10
  17. package/src/components/checkbox.scss +1 -1
  18. package/src/components/filters.scss +1 -1
  19. package/src/components/financeUi.scss +25 -25
  20. package/src/components/howItWorks.scss +4 -4
  21. package/src/components/inboxv2/InboxLinks.scss +2 -2
  22. package/src/components/inboxv2/horizontalNav.scss +1 -1
  23. package/src/components/inboxv2/inboxSearch.scss +2 -2
  24. package/src/components/landingpage.scss +156 -156
  25. package/src/components/languageSelector.scss +1 -1
  26. package/src/components/moduleHeader.scss +4 -4
  27. package/src/components/multiSelectDropdown.scss +1 -1
  28. package/src/components/navbar.scss +3 -3
  29. package/src/components/plusMinus.scss +1 -1
  30. package/src/components/reportDownload.scss +6 -6
  31. package/src/components/selectdropdown.scss +3 -2
  32. package/src/components/staticDynamicMessages.scss +5 -5
  33. package/src/components/staticSideBar.scss +2 -2
  34. package/src/components/summary.scss +4 -4
  35. package/src/components/table.scss +15 -15
  36. package/src/components/tag.scss +1 -1
  37. package/src/components/textfields.scss +7 -6
  38. package/src/components/topbar.scss +19 -17
  39. package/src/components/uploadcomponents.scss +1 -1
  40. package/src/digitv2/components/breadCrumbV2.scss +1 -1
  41. package/src/digitv2/components/selectdropdownV2.scss +4 -2
  42. package/src/digitv2/components/tagV2.scss +1 -1
  43. package/src/digitv2/components/textInputV2.scss +8 -4
  44. package/src/digitv2/pages/employee/workbench.scss +4 -4
  45. package/src/index.scss +8 -7
  46. package/src/pages/citizen/DocumentList.scss +11 -11
  47. package/src/pages/citizen/HomePageWrapper.scss +7 -7
  48. package/src/pages/citizen/Register.scss +36 -36
  49. package/src/pages/citizen/ekycStatus.scss +6 -6
  50. package/src/pages/employee/EmployeeModuleCard.scss +4 -4
  51. package/src/pages/employee/container.scss +1 -1
  52. package/src/pages/employee/dashboard.scss +16 -16
  53. package/src/pages/employee/dss.scss +11 -11
  54. package/src/pages/employee/ekyc.scss +51 -51
  55. package/src/pages/employee/ekycDashboard.scss +38 -38
  56. package/src/pages/employee/inbox.scss +8 -8
  57. package/src/pages/employee/index.scss +32 -32
  58. package/src/pages/employee/login.scss +9 -9
  59. package/src/pages/employee/scroll-table.scss +1 -1
  60. package/src/pages/employee/surveys.scss +1 -1
package/src/components/accessibility.scss ADDED
@@ -0,0 +1,177 @@
1
+
2
+
3
+
4
+
5
+ /* ── Widget container ─────────────────────────────────────────────── */
6
+ .accessibility-widget {
7
+ display: flex;
8
+ align-items: center;
9
+ gap: 6px;
10
+ padding: 4px 10px;
11
+ border: 1px solid #e5e7eb;
12
+ border-radius: 8px;
13
+ background: #ffffff;
14
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
15
+ height: 42px;
16
+ flex-shrink: 0;
17
+
18
+ @media (max-width: 1280px) { padding: 4px 8px; gap: 4px; }
19
+ @media (max-width: 1024px) { padding: 4px 6px; gap: 3px; }
20
+ @media (max-width: 780px) { display: none; } /* hide on mobile (NIC: topbar space) */
21
+ }
22
+
23
+ /* ── Font size button group ───────────────────────────────────────── */
24
+ .a11y-font-group {
25
+ display: flex;
26
+ align-items: center;
27
+ gap: 0;
28
+ background: #f3f4f6;
29
+ border-radius: 6px;
30
+ padding: 2px;
31
+ }
32
+
33
+ /* ── Shared button base ───────────────────────────────────────────── */
34
+ .a11y-btn {
35
+ display: inline-flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ gap: 1px;
39
+ border: none;
40
+ background: transparent;
41
+ cursor: pointer;
42
+ border-radius: 5px;
43
+ transition: background 0.15s, color 0.15s, transform 0.1s;
44
+ line-height: 1;
45
+ font-family: inherit;
46
+
47
+ &:focus-visible {
48
+ outline-offset: 2px;
49
+ }
50
+
51
+ &:active:not(:disabled) {
52
+ transform: scale(0.94);
53
+ }
54
+ }
55
+
56
+ /* ── Font size specific ───────────────────────────────────────────── */
57
+ .a11y-font-btn {
58
+ padding: 3px 7px;
59
+ min-width: 28px;
60
+ height: 30px;
61
+ color: #374151;
62
+
63
+ &:hover:not(:disabled) {
64
+ background: #e5e7eb;
65
+ color: #065297;
66
+ }
67
+
68
+ &.a11y-btn--disabled {
69
+ opacity: 0.35;
70
+ cursor: not-allowed;
71
+ }
72
+
73
+ &--reset {
74
+ /* slightly larger tap target for the "default" button */
75
+ min-width: 30px;
76
+ }
77
+ }
78
+
79
+ /* Font label sizing gives a visual "A- / A / A+" feel */
80
+ .a11y-font-label {
81
+ font-weight: 700;
82
+ display: inline-block;
83
+ line-height: 1;
84
+
85
+ &--sm { font-size: 0.6875rem; }
86
+ &--md { font-size: 0.875rem; }
87
+ &--lg { font-size: 1rem; }
88
+ }
89
+
90
+ .a11y-font-minus,
91
+ .a11y-font-plus {
92
+ font-size: 0.75rem;
93
+ font-weight: 700;
94
+ line-height: 1;
95
+ margin-top: -2px;
96
+ }
97
+
98
+ /* ── Vertical divider ─────────────────────────────────────────────── */
99
+ .a11y-divider {
100
+ width: 1px;
101
+ height: 22px;
102
+ background: #d1d5db;
103
+ flex-shrink: 0;
104
+ }
105
+
106
+ /* ── Theme toggle button ──────────────────────────────────────────── */
107
+ .a11y-theme-btn {
108
+ display: inline-flex;
109
+ align-items: center;
110
+ gap: 5px;
111
+ padding: 4px 10px;
112
+ height: 32px;
113
+ border-radius: 6px;
114
+ font-size: 0.75rem;
115
+ font-weight: 600;
116
+ white-space: nowrap;
117
+ border: 1px solid transparent;
118
+ transition: background 0.2s, color 0.2s, border-color 0.2s;
119
+
120
+ &--light {
121
+ background: #f3f4f6;
122
+ color: #374151;
123
+ border-color: #e5e7eb;
124
+
125
+ &:hover {
126
+ background: #1e293b;
127
+ color: #f8fafc;
128
+ border-color: #1e293b;
129
+ }
130
+ }
131
+
132
+ &--dark {
133
+ background: #1e293b;
134
+ color: #f1f5f9;
135
+ border-color: #334155;
136
+
137
+ &:hover {
138
+ background: #f3f4f6;
139
+ color: #374151;
140
+ border-color: #e5e7eb;
141
+ }
142
+ }
143
+
144
+ svg { flex-shrink: 0; }
145
+ }
146
+
147
+ .a11y-theme-label {
148
+ @media (max-width: 1280px) { display: none; }
149
+ }
150
+
151
+
152
+ /* ═══════════════════════════════════════════════════════════════════════
153
+ DARK MODE — global colour overrides via CSS Filter
154
+ Inverts colors globally to catch all hardcoded #fff backgrounds.
155
+ ═══════════════════════════════════════════════════════════════════════ */
156
+
157
+ html[data-theme="dark"] {
158
+ filter: invert(0.9) hue-rotate(180deg);
159
+ background-color: #ffffff; /* Ensure predictable background before invert */
160
+ }
161
+
162
+ /* Un-invert images, videos, and specific icons to preserve their original appearance */
163
+ html[data-theme="dark"] img,
164
+ html[data-theme="dark"] video,
165
+ html[data-theme="dark"] svg,
166
+ html[data-theme="dark"] canvas,
167
+ html[data-theme="dark"] iframe,
168
+ html[data-theme="dark"] .brand-mark,
169
+ html[data-theme="dark"] .user-profile-avatar,
170
+ html[data-theme="dark"] .spect-icon,
171
+ html[data-theme="dark"] .state {
172
+ filter: invert(1) hue-rotate(180deg);
173
+ }
174
+
175
+ *:focus-visible {
176
+ outline-offset: 2px;
177
+ }
package/src/components/body.scss CHANGED
@@ -40,7 +40,7 @@ body {
40
40
  }
41
41
 
42
42
  .bread-crumb {
43
- font-size: 14px;
43
+ font-size: 0.875rem;
44
44
  color: theme(colors.text.secondary);
45
45
  display: flex;
46
46
  margin-bottom: 10px;
@@ -118,7 +118,7 @@ body {
118
118
 
119
119
  .wt-inbox {
120
120
  .header {
121
- font-size: 18px;
121
+ font-size: 1.125rem;
122
122
  display: flex;
123
123
  align-items: center;
124
124
  justify-content: space-between;
@@ -141,7 +141,7 @@ body {
141
141
  }
142
142
 
143
143
  .header {
144
- font-size: 18px;
144
+ font-size: 1.125rem;
145
145
  display: flex;
146
146
  align-items: center;
147
147
  justify-content: space-between;
@@ -182,7 +182,7 @@ body {
182
182
  }
183
183
 
184
184
  .ws-doc-title {
185
- font-size: 20px;
185
+ font-size: 1.25rem;
186
186
  font-weight: 600;
187
187
  color: #0b0c0c;
188
188
  }
@@ -191,13 +191,13 @@ body {
191
191
  background-color: #ffe8e8;
192
192
  color: #d32f2f;
193
193
  padding: 4px 10px;
194
- font-size: 12px;
194
+ font-size: 0.75rem;
195
195
  border-radius: 20px;
196
196
  font-weight: 600;
197
197
  }
198
198
 
199
199
  .ws-doc-description {
200
- font-size: 15px;
200
+ font-size: 0.9375rem;
201
201
  color: #555;
202
202
  margin-bottom: 16px;
203
203
  line-height: 22px;
@@ -213,7 +213,7 @@ body {
213
213
  .ws-doc-option {
214
214
  display: flex;
215
215
  align-items: flex-start;
216
- font-size: 15px;
216
+ font-size: 0.9375rem;
217
217
  color: #333;
218
218
  }
219
219
 
@@ -301,7 +301,7 @@ body {
301
301
  }
302
302
 
303
303
  .module-carousel-header h3 {
304
- font-size: 18px;
304
+ font-size: 1.125rem;
305
305
  font-weight: 700;
306
306
  color: inherit;
307
307
  margin: 0;
@@ -479,7 +479,7 @@ body {
479
479
  }
480
480
 
481
481
  .engagement-panel__title {
482
- font-size: 13px;
482
+ font-size: 0.8125rem;
483
483
  font-weight: 600;
484
484
  letter-spacing: 0.6px;
485
485
  text-transform: uppercase;
@@ -507,7 +507,7 @@ body {
507
507
  border-radius: 100px;
508
508
  border: 1px solid #e2e8f0;
509
509
  background: #ffffff;
510
- font-size: 13px;
510
+ font-size: 0.8125rem;
511
511
  font-weight: 500;
512
512
  color: #475569;
513
513
  cursor: pointer;
@@ -515,7 +515,7 @@ body {
515
515
  line-height: 1;
516
516
 
517
517
  i {
518
- font-size: 15px;
518
+ font-size: 0.9375rem;
519
519
  color: #64748b;
520
520
  transition: color 0.15s;
521
521
  }
@@ -666,7 +666,7 @@ body {
666
666
 
667
667
  .pill-link {
668
668
  padding: 4px 10px;
669
- font-size: 11px;
669
+ font-size: 0.6875rem;
670
670
  background-color: var(--card-bg);
671
671
  border-color: var(--card-border);
672
672
  color: var(--card-text-color);
@@ -679,7 +679,7 @@ body {
679
679
 
680
680
  .details-btn {
681
681
  padding: 4px 10px;
682
- font-size: 11px;
682
+ font-size: 0.6875rem;
683
683
  }
684
684
 
685
685
  &:hover {
@@ -753,7 +753,7 @@ body {
753
753
 
754
754
  .btn-text {
755
755
  color: #ffffff;
756
- font-size: 13px;
756
+ font-size: 0.8125rem;
757
757
  font-weight: 600;
758
758
  letter-spacing: 0.3px;
759
759
  white-space: nowrap;
@@ -800,7 +800,7 @@ body {
800
800
  gap: 8px;
801
801
 
802
802
  .btn-text {
803
- font-size: 12px;
803
+ font-size: 0.75rem;
804
804
  }
805
805
 
806
806
  .btn-icon-bg {
@@ -831,7 +831,7 @@ body {
831
831
  h2 {
832
832
  color: #ffffff !important;
833
833
  margin: 0 !important;
834
- font-size: 16px !important;
834
+ font-size: 1rem !important;
835
835
  font-weight: 600 !important;
836
836
  }
837
837
 
package/src/components/buttons.scss CHANGED
@@ -64,7 +64,7 @@
64
64
  color: theme(colors.primary.main);
65
65
  display: flex;
66
66
  align-items: center;
67
- font-size: 19px;
67
+ font-size: 1.1875rem;
68
68
  cursor: pointer;
69
69
  border-radius: 6px;
70
70
 
@@ -83,7 +83,7 @@
83
83
  display: flex;
84
84
  align-items: center;
85
85
  cursor: pointer;
86
- font-size: 19px;
86
+ font-size: 1.1875rem;
87
87
  border-radius: 6px;
88
88
 
89
89
  svg {
@@ -93,7 +93,7 @@
93
93
 
94
94
  .jk-digit-disabled-btn {
95
95
  opacity: 0.5;
96
- font-size: 19px;
96
+ font-size: 1.1875rem;
97
97
  cursor: not-allowed;
98
98
  }
99
99
 
package/src/components/card.scss CHANGED
@@ -362,7 +362,7 @@
362
362
  margin-bottom: 0;
363
363
  font-weight: 500;
364
364
  color: #333;
365
- font-size: 14px;
365
+ font-size: 0.875rem;
366
366
  line-height: 1.4;
367
367
  width: 100%;
368
368
  }
@@ -395,7 +395,7 @@
395
395
  }
396
396
 
397
397
  .label-field-pair .card-label-smaller {
398
- font-size: 13px;
398
+ font-size: 0.8125rem;
399
399
  }
400
400
  }
401
401
 
@@ -950,7 +950,7 @@
950
950
  .pill-link {
951
951
  color: rgb(0, 51, 102);
952
952
  padding: 6px 14px;
953
- font-size: 13px;
953
+ font-size: 0.8125rem;
954
954
  font-weight: 500;
955
955
  text-decoration: none;
956
956
  transition: all 0.2s;
@@ -1103,7 +1103,7 @@
1103
1103
 
1104
1104
  .content-title {
1105
1105
  margin: 0;
1106
- font-size: 28px;
1106
+ font-size: 1.75rem;
1107
1107
  font-weight: 800;
1108
1108
  letter-spacing: -0.03em;
1109
1109
  color: #0f172a;
@@ -1368,7 +1368,7 @@
1368
1368
  }
1369
1369
 
1370
1370
  .link-card-label {
1371
- font-size: 16px;
1371
+ font-size: 1rem;
1372
1372
  font-weight: 700;
1373
1373
  color: #0f172a;
1374
1374
  transition: color 0.25s ease;
@@ -1376,7 +1376,7 @@
1376
1376
  }
1377
1377
 
1378
1378
  .link-card-sublabel {
1379
- font-size: 13px;
1379
+ font-size: 0.8125rem;
1380
1380
  line-height: 1.5;
1381
1381
  color: #64748b;
1382
1382
  }
@@ -1391,7 +1391,7 @@
1391
1391
  border-radius: 999px;
1392
1392
  background: #eff6ff;
1393
1393
  color: #2563eb;
1394
- font-size: 13px;
1394
+ font-size: 0.8125rem;
1395
1395
  font-weight: 700;
1396
1396
  flex-shrink: 0;
1397
1397
  }
@@ -1416,7 +1416,7 @@
1416
1416
  border-radius: 20px;
1417
1417
  background: #f8fafc;
1418
1418
  color: #64748b;
1419
- font-size: 14px;
1419
+ font-size: 0.875rem;
1420
1420
  border: 1px dashed #cbd5e1;
1421
1421
  }
1422
1422
 
@@ -1440,7 +1440,7 @@
1440
1440
  }
1441
1441
 
1442
1442
  .content-title {
1443
- font-size: 22px;
1443
+ font-size: 1.375rem;
1444
1444
  }
1445
1445
 
1446
1446
  .module-link-card {
@@ -1448,7 +1448,7 @@
1448
1448
  }
1449
1449
 
1450
1450
  .link-card-label {
1451
- font-size: 15px;
1451
+ font-size: 0.9375rem;
1452
1452
  }
1453
1453
 
1454
1454
  .link-card-arrow {
package/src/components/checkbox.scss CHANGED
@@ -90,6 +90,6 @@
90
90
  /* Label */
91
91
  .checkbox-wrap .label {
92
92
  margin-left: 48px;
93
- font-size: 14px;
93
+ font-size: 0.875rem;
94
94
  color: #333;
95
95
  }
package/src/components/filters.scss CHANGED
@@ -50,7 +50,7 @@
50
50
 
51
51
  p {
52
52
  font-weight: bold;
53
- font-size: 24px;
53
+ font-size: 1.5rem;
54
54
  line-height: 1;
55
55
  margin: 0 12px 20px 8px;
56
56
  }
package/src/components/financeUi.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  justify-content: center;
4
4
  align-items: center;
5
- font-size: 30px;
5
+ font-size: 1.875rem;
6
6
  font-weight: 700;
7
7
  text-transform: uppercase;
8
8
  letter-spacing: 2px;
@@ -351,7 +351,7 @@
351
351
  border: none;
352
352
  cursor: pointer;
353
353
  color: #333;
354
- font-size: 14px;
354
+ font-size: 0.875rem;
355
355
  }
356
356
 
357
357
  .custom-sidebar-header .toggle-btn:hover {
@@ -380,12 +380,12 @@
380
380
  }
381
381
 
382
382
  .menu-list li .menu-item .icon {
383
- font-size: 18px;
383
+ font-size: 1.125rem;
384
384
  margin-right: 12px;
385
385
  }
386
386
 
387
387
  .menu-list li .menu-item .label {
388
- font-size: 15px;
388
+ font-size: 0.9375rem;
389
389
  line-height: 1.4;
390
390
  word-break: break-word;
391
391
  white-space: normal;
@@ -398,7 +398,7 @@
398
398
  color: white;
399
399
  border-radius: 10px;
400
400
  padding: 2px 6px;
401
- font-size: 12px;
401
+ font-size: 0.75rem;
402
402
  }
403
403
 
404
404
  .menu-list li .menu-item:hover:not(.active) {
@@ -413,7 +413,7 @@
413
413
 
414
414
  .menu-list li .submenu .submenu-item {
415
415
  padding: 8px 0;
416
- font-size: 14px;
416
+ font-size: 0.875rem;
417
417
  color: #666;
418
418
  cursor: pointer;
419
419
  }
@@ -449,13 +449,13 @@
449
449
 
450
450
  .collapsible-card-title {
451
451
  margin: 0;
452
- font-size: 15px;
452
+ font-size: 0.9375rem;
453
453
  font-weight: 600;
454
454
  padding-left: 8px;
455
455
  }
456
456
 
457
457
  .collapsible-card-arrow {
458
- font-size: 14px;
458
+ font-size: 0.875rem;
459
459
  display: inline-block;
460
460
  transition: transform 0.3s ease;
461
461
  }
@@ -470,7 +470,7 @@ w .collapsible-card-arrow.open {
470
470
  display: flex;
471
471
  align-items: center;
472
472
  gap: 12px;
473
- font-size: 14px;
473
+ font-size: 0.875rem;
474
474
  }
475
475
 
476
476
  .finance-breadcrumb .back-button {
@@ -502,7 +502,7 @@ w .collapsible-card-arrow.open {
502
502
  align-items: center;
503
503
  color: rgba(255, 255, 255, 0.8);
504
504
  font-weight: 400;
505
- font-size: 14px;
505
+ font-size: 0.875rem;
506
506
  }
507
507
 
508
508
  .finance-header {
@@ -581,12 +581,12 @@ w .collapsible-card-arrow.open {
581
581
  }
582
582
 
583
583
  .menu-list li .menu-item .icon {
584
- font-size: 16px;
584
+ font-size: 1rem;
585
585
  margin-right: 10px;
586
586
  }
587
587
 
588
588
  .menu-list li .menu-item .label {
589
- font-size: 14px;
589
+ font-size: 0.875rem;
590
590
  }
591
591
 
592
592
  .finance-header {
@@ -596,7 +596,7 @@ w .collapsible-card-arrow.open {
596
596
  }
597
597
 
598
598
  .finance-heading {
599
- font-size: 24px;
599
+ font-size: 1.5rem;
600
600
  margin-left: 20px;
601
601
  margin-right: 20px;
602
602
  padding: 15px 0;
@@ -609,12 +609,12 @@ w .collapsible-card-arrow.open {
609
609
  }
610
610
 
611
611
  .custom-sidebar .menu-list li .menu-item .icon {
612
- font-size: 14px;
612
+ font-size: 0.875rem;
613
613
  margin-right: 8px;
614
614
  }
615
615
 
616
616
  .custom-sidebar .menu-list li .menu-item .label {
617
- font-size: 13px;
617
+ font-size: 0.8125rem;
618
618
  }
619
619
 
620
620
  .custom-sidebar:not(.open) {
@@ -626,12 +626,12 @@ w .collapsible-card-arrow.open {
626
626
  }
627
627
 
628
628
  .menu-list .menu-item .icon {
629
- font-size: 14px;
629
+ font-size: 0.875rem;
630
630
  margin-right: 8px;
631
631
  }
632
632
 
633
633
  .menu-list .menu-item .label {
634
- font-size: 13px;
634
+ font-size: 0.8125rem;
635
635
  }
636
636
 
637
637
  .custom-sidebar .menu-item {
@@ -639,21 +639,21 @@ w .collapsible-card-arrow.open {
639
639
  }
640
640
 
641
641
  .custom-sidebar .menu-item .icon {
642
- font-size: 14px;
642
+ font-size: 0.875rem;
643
643
  margin-right: 8px;
644
644
  }
645
645
 
646
646
  .custom-sidebar .menu-item .label {
647
- font-size: 13px;
647
+ font-size: 0.8125rem;
648
648
  }
649
649
 
650
650
  .custom-sidebar-header .toggle-btn {
651
- font-size: 13px;
651
+ font-size: 0.8125rem;
652
652
  padding: 4px 8px;
653
653
  }
654
654
 
655
655
  .custom-sidebar-header .toggle-btn {
656
- font-size: 13px;
656
+ font-size: 0.8125rem;
657
657
  padding: 4px 8px;
658
658
  }
659
659
 
@@ -663,7 +663,7 @@ w .collapsible-card-arrow.open {
663
663
  }
664
664
 
665
665
  .finance-heading {
666
- font-size: 20px;
666
+ font-size: 1.25rem;
667
667
  margin-left: 15px;
668
668
  margin-right: 15px;
669
669
  padding: 12px 0;
@@ -671,7 +671,7 @@ w .collapsible-card-arrow.open {
671
671
  }
672
672
 
673
673
  .finance-breadcrumb {
674
- font-size: 12px;
674
+ font-size: 0.75rem;
675
675
  gap: 8px;
676
676
  }
677
677
 
@@ -787,7 +787,7 @@ w .collapsible-card-arrow.open {
787
787
  /* Breadcrumb row */
788
788
  .finance-breadcrumb {
789
789
  padding: 10px 16px !important;
790
- font-size: 13px !important;
790
+ font-size: 0.8125rem !important;
791
791
  }
792
792
 
793
793
  .custom-sidebar.open {
@@ -892,7 +892,7 @@ w .collapsible-card-arrow.open {
892
892
  }
893
893
 
894
894
  .step-label {
895
- font-size: 14px;
895
+ font-size: 0.875rem;
896
896
  color: #4b5563;
897
897
  font-weight: 500;
898
898
  word-break: break-word;
package/src/components/howItWorks.scss CHANGED
@@ -24,11 +24,11 @@
24
24
  padding: 5px;
25
25
  overflow-wrap: break-word;
26
26
  h2{
27
- font-size: 16px;
27
+ font-size: 1rem;
28
28
  font-weight: 400;
29
29
  }
30
30
  p{
31
- font-size: 12px;
31
+ font-size: 0.75rem;
32
32
  font-weight: 400;
33
33
  }
34
34
  }
@@ -47,11 +47,11 @@
47
47
  padding: 5px;
48
48
  overflow-wrap: break-word;
49
49
  h2{
50
- font-size: 16px;
50
+ font-size: 1rem;
51
51
  font-weight: 400;
52
52
  }
53
53
  p{
54
- font-size: 12px;
54
+ font-size: 0.75rem;
55
55
  font-weight: 400;
56
56
  }
57
57
  }
package/src/components/inboxv2/InboxLinks.scss CHANGED
@@ -34,13 +34,13 @@
34
34
 
35
35
  @media (min-width: 1024px) {
36
36
  .text {
37
- font-size: 24px;
37
+ font-size: 1.5rem;
38
38
  }
39
39
  }
40
40
 
41
41
  @media (max-width: 1024px) {
42
42
  .text {
43
- font-size: 20px;
43
+ font-size: 1.25rem;
44
44
  }
45
45
  }
46
46
  }
package/src/components/inboxv2/horizontalNav.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  margin: 0px;
16
16
  padding: 0px;
17
17
  outline: none;
18
- font-size: 16px;
18
+ font-size: 1rem;
19
19
  position: relative;
20
20
  color: rgb(95, 92, 98);
21
21
  line-height: 48px;
package/src/components/inboxv2/inboxSearch.scss CHANGED
@@ -50,13 +50,13 @@
50
50
 
51
51
  @media (min-width: 1024px) {
52
52
  .label {
53
- font-size: 24px;
53
+ font-size: 1.5rem;
54
54
  }
55
55
  }
56
56
 
57
57
  @media (max-width: 1024px) {
58
58
  .label {
59
- font-size: 16px;
59
+ font-size: 1rem;
60
60
  }
61
61
  }
62
62