@appscode/design-system 2.4.27-alpha-4 → 2.4.27-alpha-8

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 (52) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/base/utilities/_global.scss +3 -3
  3. package/vue-components/styles/base/utilities/_typography.scss +36 -36
  4. package/vue-components/styles/components/_ac-calendar.scss +3 -3
  5. package/vue-components/styles/components/_ac-code-highlight.scss +2 -2
  6. package/vue-components/styles/components/_ac-drag.scss +1 -1
  7. package/vue-components/styles/components/_accordion.scss +1 -1
  8. package/vue-components/styles/components/_breadcrumb.scss +1 -1
  9. package/vue-components/styles/components/_card-body-wrapper.scss +3 -3
  10. package/vue-components/styles/components/_direct-deploy.scss +2 -2
  11. package/vue-components/styles/components/_dropdown.scss +1 -1
  12. package/vue-components/styles/components/_getkeeper.scss +1 -1
  13. package/vue-components/styles/components/_graph.scss +1 -1
  14. package/vue-components/styles/components/_options.scss +2 -2
  15. package/vue-components/styles/components/_overview-page.scss +3 -3
  16. package/vue-components/styles/components/_pagination.scss +2 -2
  17. package/vue-components/styles/components/_preview-modal.scss +1 -1
  18. package/vue-components/styles/components/_pricing-table.scss +1 -1
  19. package/vue-components/styles/components/_table-of-content.scss +3 -3
  20. package/vue-components/styles/components/_table.scss +4 -4
  21. package/vue-components/styles/components/_tabs.scss +4 -4
  22. package/vue-components/styles/components/_terminal.scss +3 -3
  23. package/vue-components/styles/components/_widget-menu.scss +4 -4
  24. package/vue-components/styles/components/_wizard.scss +9 -9
  25. package/vue-components/styles/components/ac-toaster/_ac-toasted.scss +2 -2
  26. package/vue-components/styles/components/alert/_alert.scss +2 -2
  27. package/vue-components/styles/components/alert/_toast.scss +1 -1
  28. package/vue-components/styles/components/bbum/_card-team.scss +2 -2
  29. package/vue-components/styles/components/bbum/_left-sidebar.scss +2 -2
  30. package/vue-components/styles/components/bbum/_post.scss +1 -1
  31. package/vue-components/styles/components/bbum/_sign-up-notification.scss +2 -2
  32. package/vue-components/styles/components/bbum/_single-post-preview.scss +2 -2
  33. package/vue-components/styles/components/bbum/_user-profile.scss +3 -3
  34. package/vue-components/styles/components/cards/_cluster.scss +1 -1
  35. package/vue-components/styles/components/cards/_payment-card.scss +3 -3
  36. package/vue-components/styles/components/cards/_subscription-card.scss +2 -2
  37. package/vue-components/styles/components/cards/_vendor.scss +1 -1
  38. package/vue-components/styles/components/editor/_filtered-file-editor.scss +1 -1
  39. package/vue-components/styles/components/form-fields/_image-upload.scss +1 -1
  40. package/vue-components/styles/components/form-fields/_input-card.scss +3 -3
  41. package/vue-components/styles/components/form-fields/_input.scss +14 -14
  42. package/vue-components/styles/components/navbar/_menu-content.scss +11 -11
  43. package/vue-components/styles/components/navbar/_notification.scss +2 -2
  44. package/vue-components/styles/components/select-box/_ac-select-box.scss +1 -1
  45. package/vue-components/styles/components/select-box/_multi-select.scss +20 -20
  46. package/vue-components/styles/components/sidebar/_left-sidebar.scss +2 -2
  47. package/vue-components/styles/components/ui-builder/_ui-builder.scss +4 -4
  48. package/vue-components/styles/components/ui-builder/_vue-open-api.scss +13 -13
  49. package/vue-components/styles/layouts/_code-preview.scss +2 -2
  50. package/vue-components/v3/cards/OverviewCard.vue +1 -1
  51. package/vue-components/v3/pagination/Pagination.vue +1 -1
  52. package/vue-components/v3/table/InfoTable.vue +1 -1
@@ -3,7 +3,7 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  justify-content: space-between;
6
- font-size: 14px;
6
+ font-size: 1rem;
7
7
  border-radius: 4px;
8
8
  position: relative;
9
9
  padding-right: 30px;
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  .meta {
76
- font-size: 14px;
76
+ font-size: 1rem;
77
77
  color: $color-text;
78
78
  margin-bottom: 20px;
79
79
  }
@@ -87,7 +87,7 @@
87
87
  &:not(:first-child) {
88
88
  list-style: disc;
89
89
  }
90
- font-size: 14px;
90
+ font-size: 1rem;
91
91
  color: $color-text;
92
92
  }
93
93
  }
@@ -20,7 +20,7 @@
20
20
 
21
21
  .user-info {
22
22
  h3 {
23
- font-size: 14px;
23
+ font-size: 1rem;
24
24
  line-height: 1;
25
25
  margin-bottom: 5px;
26
26
  }
@@ -38,7 +38,7 @@
38
38
  li {
39
39
  a {
40
40
  display: flex;
41
- font-size: 14px;
41
+ font-size: 1rem;
42
42
  color: $color-heading;
43
43
  align-items: center;
44
44
  font-weight: 500;
@@ -9,7 +9,7 @@
9
9
  border: 1px solid $color-border;
10
10
  border-radius: 4px;
11
11
  padding: 30px 170px 30px 30px;
12
- font-size: 14px;
12
+ font-size: 1rem;
13
13
  overflow: hidden;
14
14
  font-weight: 500;
15
15
 
@@ -44,7 +44,7 @@
44
44
  right: 10px;
45
45
  top: 10px;
46
46
  background-color: lighten($color: $danger, $amount: 40);
47
- font-size: 14px;
47
+ font-size: 1rem;
48
48
  transition: 0.3s ease-in-out;
49
49
  &:hover {
50
50
  background-color: $danger;
@@ -75,7 +75,7 @@
75
75
 
76
76
  p {
77
77
  color: $color-heading;
78
- font-size: 14px;
78
+ font-size: 1rem;
79
79
  margin-bottom: 10px;
80
80
  }
81
81
  }
@@ -72,7 +72,7 @@
72
72
 
73
73
  p {
74
74
  color: $color-heading;
75
- font-size: 14px;
75
+ font-size: 1rem;
76
76
  line-height: 160%;
77
77
  }
78
78
 
@@ -89,7 +89,7 @@
89
89
  padding-left: 10px;
90
90
 
91
91
  li {
92
- font-size: 14px;
92
+ font-size: 1rem;
93
93
  color: $color-text;
94
94
  }
95
95
  }
@@ -47,7 +47,7 @@
47
47
  line-height: 1.4;
48
48
 
49
49
  span {
50
- font-size: 14px;
50
+ font-size: 1rem;
51
51
  line-height: 1.5;
52
52
  font-weight: 400;
53
53
  display: block;
@@ -61,7 +61,7 @@
61
61
  }
62
62
 
63
63
  p {
64
- font-size: 14px;
64
+ font-size: 1rem;
65
65
  color: $color-heading;
66
66
  line-height: 160%;
67
67
  margin-bottom: 10px;
@@ -92,7 +92,7 @@
92
92
  display: flex;
93
93
  align-items: center;
94
94
  margin-bottom: 10px;
95
- font-size: 14px;
95
+ font-size: 1rem;
96
96
  &:last-child {
97
97
  margin-bottom: 0;
98
98
  }
@@ -91,7 +91,7 @@
91
91
  }
92
92
  strong {
93
93
  color: $color-heading;
94
- font-size: 14px;
94
+ font-size: 1rem;
95
95
  font-weight: 400;
96
96
  }
97
97
  }
@@ -118,7 +118,7 @@
118
118
 
119
119
  span {
120
120
  display: block;
121
- font-size: 14px;
121
+ font-size: 1rem;
122
122
  }
123
123
  }
124
124
  }
@@ -138,7 +138,7 @@
138
138
  display: flex;
139
139
 
140
140
  .user-name {
141
- font-size: 14px;
141
+ font-size: 1rem;
142
142
  font-weight: 500;
143
143
  color: $white-100;
144
144
  margin-right: 10px;
@@ -206,7 +206,7 @@
206
206
  justify-content: space-between;
207
207
 
208
208
  p.user-name {
209
- font-size: 14px;
209
+ font-size: 1rem;
210
210
  color: $white-100;
211
211
  margin-top: 10px;
212
212
  }
@@ -53,7 +53,7 @@
53
53
  font-family: $font-heading;
54
54
  font-style: normal;
55
55
  font-weight: 600;
56
- font-size: 14px;
56
+ font-size: 1rem;
57
57
  line-height: 16px;
58
58
  color: $color-text;
59
59
  margin-bottom: 10px;
@@ -78,7 +78,7 @@
78
78
  font-family: $font-paragraph;
79
79
  font-style: normal;
80
80
  font-weight: normal;
81
- font-size: 14px;
81
+ font-size: 1rem;
82
82
  line-height: 16px;
83
83
  padding-bottom: 8px;
84
84
  color: $color-text;
@@ -23,7 +23,7 @@
23
23
 
24
24
  .ac-card-name {
25
25
  p {
26
- font-size: 14px;
26
+ font-size: 1rem;
27
27
  color: $color-heading;
28
28
  line-height: 1;
29
29
  font-weight: 500;
@@ -139,7 +139,7 @@
139
139
  display: flex;
140
140
  font-style: normal;
141
141
  font-weight: 500;
142
- font-size: 14px;
142
+ font-size: 1rem;
143
143
  line-height: 100%;
144
144
  color: $color-heading;
145
145
  border-top: 1px solid $color-border;
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .drag-and-drop-msg {
29
- font-size: 14px;
29
+ font-size: 1rem;
30
30
  color: $color-text;
31
31
  font-weight: 400;
32
32
  margin-bottom: 10px;
@@ -55,7 +55,7 @@
55
55
  .ac-single-radio,
56
56
  .ac-single-checkbox {
57
57
  label {
58
- font-size: 14px;
58
+ font-size: 1rem;
59
59
  line-height: 20px;
60
60
  color: $color-heading;
61
61
  padding-left: 25px !important;
@@ -207,7 +207,7 @@
207
207
  font-family: $font-heading;
208
208
  font-style: normal;
209
209
  font-weight: 500;
210
- font-size: 14px;
210
+ font-size: 1rem;
211
211
  line-height: 24px;
212
212
  color: $color-heading;
213
213
  }
@@ -217,7 +217,7 @@
217
217
  font-family: $font-paragraph;
218
218
  font-style: normal;
219
219
  font-weight: normal;
220
- font-size: 14px;
220
+ font-size: 1rem;
221
221
  line-height: 140%;
222
222
  color: $color-heading;
223
223
 
@@ -87,7 +87,7 @@
87
87
  &.borderless-input {
88
88
  input {
89
89
  border: none;
90
- font-size: 14px;
90
+ font-size: 1rem;
91
91
  padding: 4px 7px;
92
92
  height: 30px;
93
93
  background-color: $white-100;
@@ -137,7 +137,7 @@
137
137
 
138
138
  label {
139
139
  top: 14px;
140
- font-size: 14px;
140
+ font-size: 1rem;
141
141
 
142
142
  &.show-label {
143
143
  font-size: 12px;
@@ -153,7 +153,7 @@
153
153
  .icon {
154
154
  height: 45px;
155
155
  width: 30px;
156
- font-size: 14px;
156
+ font-size: 1rem;
157
157
  }
158
158
  }
159
159
  }
@@ -163,7 +163,7 @@
163
163
  input,
164
164
  select {
165
165
  height: 36px;
166
- font-size: 14px;
166
+ font-size: 1rem;
167
167
  font-weight: 400;
168
168
  }
169
169
 
@@ -186,7 +186,7 @@
186
186
 
187
187
  label {
188
188
  top: 8px;
189
- font-size: 14px;
189
+ font-size: 1rem;
190
190
 
191
191
  &.switch-label {
192
192
  top: 0;
@@ -211,7 +211,7 @@
211
211
  .icon {
212
212
  height: 36px;
213
213
  width: 25px;
214
- font-size: 14px;
214
+ font-size: 1rem;
215
215
  }
216
216
  }
217
217
  }
@@ -221,7 +221,7 @@
221
221
  input,
222
222
  select {
223
223
  height: 32px;
224
- font-size: 14px;
224
+ font-size: 1rem;
225
225
  font-weight: 400;
226
226
  }
227
227
 
@@ -252,7 +252,7 @@
252
252
 
253
253
  label {
254
254
  top: 6px;
255
- font-size: 14px;
255
+ font-size: 1rem;
256
256
 
257
257
  &.switch-label {
258
258
  top: 0;
@@ -269,7 +269,7 @@
269
269
  .icon {
270
270
  height: 32px;
271
271
  width: 25px;
272
- font-size: 14px;
272
+ font-size: 1rem;
273
273
  }
274
274
  }
275
275
  }
@@ -280,7 +280,7 @@
280
280
  }
281
281
 
282
282
  label {
283
- font-size: 14px;
283
+ font-size: 1rem;
284
284
  left: 15px;
285
285
  top: 11px;
286
286
  cursor: text;
@@ -303,7 +303,7 @@
303
303
  top: -9px;
304
304
  left: 10px;
305
305
  padding: 0 5px;
306
- font-size: 14px;
306
+ font-size: 1rem;
307
307
  color: $gray-40;
308
308
 
309
309
  &:after {
@@ -366,7 +366,7 @@
366
366
  a {
367
367
  color: $color-heading;
368
368
  display: block;
369
- font-size: 14px;
369
+ font-size: 1rem;
370
370
  padding: 8px 20px;
371
371
  transition: 0.3s;
372
372
 
@@ -417,7 +417,7 @@
417
417
  border-radius: 4px;
418
418
  border: 1px solid $color-border-dark;
419
419
  padding: 8px 15px;
420
- font-size: 14px;
420
+ font-size: 1rem;
421
421
 
422
422
  &:hover {
423
423
  border-color: $ac-primary;
@@ -459,7 +459,7 @@
459
459
 
460
460
  b.isRequired {
461
461
  color: $danger;
462
- font-size: 14px;
462
+ font-size: 1rem;
463
463
  position: absolute;
464
464
  right: 5px;
465
465
  z-index: 9;
@@ -91,7 +91,7 @@
91
91
  padding-bottom: 20px;
92
92
 
93
93
  p {
94
- font-size: 14px;
94
+ font-size: 1rem;
95
95
  color: $color-heading;
96
96
  }
97
97
 
@@ -107,7 +107,7 @@
107
107
  margin-top: 20px;
108
108
 
109
109
  p {
110
- font-size: 14px;
110
+ font-size: 1rem;
111
111
  color: $color-heading;
112
112
  }
113
113
 
@@ -159,7 +159,7 @@
159
159
  .left-content {
160
160
  p {
161
161
  font-weight: 500;
162
- font-size: 14px;
162
+ font-size: 1rem;
163
163
  line-height: 19px;
164
164
  margin-bottom: 15px;
165
165
 
@@ -181,7 +181,7 @@
181
181
  border: none;
182
182
  margin: 0;
183
183
  padding: 10px;
184
- font-size: 14px;
184
+ font-size: 1rem;
185
185
 
186
186
  &.is-active {
187
187
  background-color: $ac-primary;
@@ -254,7 +254,7 @@
254
254
  border-top: 1px solid $color-border;
255
255
  text-align: center;
256
256
  font-weight: 500;
257
- font-size: 14px;
257
+ font-size: 1rem;
258
258
  color: $color-heading;
259
259
  display: block;
260
260
  padding: 10px 20px;
@@ -273,7 +273,7 @@
273
273
  padding: 8px 15px;
274
274
  color: $color-heading;
275
275
  transition: 0.3s ease-in-out;
276
- font-size: 14px;
276
+ font-size: 1rem;
277
277
 
278
278
  &:hover {
279
279
  background-color: $primary-95;
@@ -324,7 +324,7 @@
324
324
  .profile-info {
325
325
  p {
326
326
  color: $color-heading;
327
- font-size: 14px;
327
+ font-size: 1rem;
328
328
  font-weight: 500;
329
329
  line-height: 1.3;
330
330
  }
@@ -431,12 +431,12 @@
431
431
 
432
432
  li {
433
433
  display: block;
434
- font-size: 14px;
434
+ font-size: 1rem;
435
435
  a {
436
436
  display: block;
437
437
  color: $color-heading !important;
438
438
  padding: 10px 20px !important;
439
- font-size: 14px !important;
439
+ font-size: 1rem !important;
440
440
  transition: 0.2s;
441
441
  border-bottom: 1px solid $color-border;
442
442
 
@@ -479,13 +479,13 @@
479
479
 
480
480
  strong {
481
481
  font-weight: 600;
482
- font-size: 14px;
482
+ font-size: 1rem;
483
483
  // font-family: $font-heading;
484
484
  }
485
485
 
486
486
  span {
487
487
  display: block;
488
- font-size: 14px;
488
+ font-size: 1rem;
489
489
  margin-top: 4px;
490
490
  line-height: 150%;
491
491
  }
@@ -59,7 +59,7 @@
59
59
  height: 36px;
60
60
  background-color: $primary-95;
61
61
  color: $ac-primary;
62
- font-size: 14px;
62
+ font-size: 1rem;
63
63
  display: flex;
64
64
  align-items: center;
65
65
  justify-content: center;
@@ -72,7 +72,7 @@
72
72
  .notification-content {
73
73
  width: calc(100% - 60px);
74
74
  h6 {
75
- font-size: 14px;
75
+ font-size: 1rem;
76
76
  font-weight: 500;
77
77
  transition: 0.3s ease-in-out;
78
78
  }
@@ -2,7 +2,7 @@
2
2
  // select {
3
3
  // background-color: $info-light;
4
4
  // border: 1px solid $primary-10;
5
- // font-size: 14px;
5
+ // font-size: 1rem;
6
6
  // height: 42px;
7
7
  // padding-left: 20px;
8
8
 
@@ -8,7 +8,7 @@
8
8
  border-radius: 4px;
9
9
  border: 1px solid $color-border-dark;
10
10
  padding: 6px 30px 8px 15px;
11
- font-size: 14px;
11
+ font-size: 1rem;
12
12
  border-radius: 4px;
13
13
 
14
14
  &:hover {
@@ -20,7 +20,7 @@
20
20
  padding: 0;
21
21
  // padding-top: 2px !important;
22
22
  font-weight: 500;
23
- font-size: 14px;
23
+ font-size: 1rem;
24
24
  }
25
25
 
26
26
  .multiselect__tags-wrap {
@@ -55,7 +55,7 @@
55
55
  padding-left: 0;
56
56
  left: 0px;
57
57
  // top: 2px;
58
- font-size: 14px !important;
58
+ font-size: 1rem !important;
59
59
  font-weight: 500;
60
60
  color: $color-heading;
61
61
  line-height: 1.5;
@@ -76,7 +76,7 @@
76
76
  .multiselect__option {
77
77
  padding: 4px 16px;
78
78
  min-height: 32px;
79
- font-size: 14px;
79
+ font-size: 1rem;
80
80
  display: flex;
81
81
  align-items: center;
82
82
 
@@ -85,7 +85,7 @@
85
85
  }
86
86
 
87
87
  p {
88
- font-size: 14px;
88
+ font-size: 1rem;
89
89
  color: $color-heading;
90
90
  }
91
91
 
@@ -146,7 +146,7 @@
146
146
  span {
147
147
  label {
148
148
  padding-left: 15px !important;
149
- font-size: 14px !important;
149
+ font-size: 1rem !important;
150
150
  color: $primary-10 !important;
151
151
 
152
152
  &:after {
@@ -163,12 +163,12 @@
163
163
  color: $color-text;
164
164
  font-weight: 400;
165
165
  line-height: 1.6;
166
- font-size: 14px;
166
+ font-size: 1rem;
167
167
  }
168
168
  }
169
169
 
170
170
  .multiselect__tags > span {
171
- font-size: 14px;
171
+ font-size: 1rem;
172
172
  line-height: 1;
173
173
  color: $color-heading;
174
174
  }
@@ -207,7 +207,7 @@
207
207
 
208
208
  &.is-small {
209
209
  label {
210
- font-size: 14px;
210
+ font-size: 1rem;
211
211
  top: 6px;
212
212
 
213
213
  &.show-label {
@@ -246,7 +246,7 @@
246
246
  .multiselect .multiselect__tags {
247
247
  min-height: 32px !important;
248
248
  padding: 4px 30px 4px 15px;
249
- font-size: 14px;
249
+ font-size: 1rem;
250
250
 
251
251
  .multiselect__single {
252
252
  font-size: 12px;
@@ -254,14 +254,14 @@
254
254
 
255
255
  .multiselect__placeholder {
256
256
  padding: 5px 0 0;
257
- font-size: 14px;
257
+ font-size: 1rem;
258
258
  font-weight: 500;
259
259
  }
260
260
  }
261
261
 
262
262
  .multiselect__input,
263
263
  .multiselect__single {
264
- font-size: 14px !important;
264
+ font-size: 1rem !important;
265
265
  font-weight: 500;
266
266
  line-height: 1.5;
267
267
  // padding-bottom: 4px;
@@ -271,14 +271,14 @@
271
271
  &::placeholder {
272
272
  font-weight: 500;
273
273
  line-height: 1.6;
274
- font-size: 14px;
274
+ font-size: 1rem;
275
275
  }
276
276
  }
277
277
  }
278
278
 
279
279
  &.is-extra-small {
280
280
  label {
281
- font-size: 14px;
281
+ font-size: 1rem;
282
282
  top: 6px;
283
283
  font-weight: 500;
284
284
 
@@ -320,7 +320,7 @@
320
320
  .multiselect .multiselect__tags {
321
321
  min-height: 32px !important;
322
322
  padding: 3px 30px 4px 15px;
323
- font-size: 14px;
323
+ font-size: 1rem;
324
324
  display: flex;
325
325
  align-items: center;
326
326
 
@@ -331,14 +331,14 @@
331
331
 
332
332
  .multiselect__placeholder {
333
333
  padding: 5px 0 0;
334
- font-size: 14px;
334
+ font-size: 1rem;
335
335
  font-weight: 500;
336
336
  }
337
337
  }
338
338
 
339
339
  .multiselect__input,
340
340
  .multiselect__single {
341
- font-size: 14px !important;
341
+ font-size: 1rem !important;
342
342
  font-weight: 500;
343
343
  line-height: 1.5;
344
344
  // padding-bottom: 4px;
@@ -348,7 +348,7 @@
348
348
  &::placeholder {
349
349
  font-weight: 500;
350
350
  line-height: 1.6;
351
- font-size: 14px;
351
+ font-size: 1rem;
352
352
  }
353
353
  }
354
354
  }
@@ -397,7 +397,7 @@
397
397
  }
398
398
 
399
399
  label {
400
- font-size: 14px;
400
+ font-size: 1rem;
401
401
  left: 15px;
402
402
  top: 8px;
403
403
  cursor: text;
@@ -449,7 +449,7 @@
449
449
 
450
450
  li {
451
451
  .multiselect__option {
452
- font-size: 14px;
452
+ font-size: 1rem;
453
453
  color: $color-heading;
454
454
 
455
455
  &:has(input[type="checkbox"]) {
@@ -89,7 +89,7 @@
89
89
  a {
90
90
  font-style: normal;
91
91
  font-weight: 500;
92
- font-size: 14px;
92
+ font-size: 1rem;
93
93
  line-height: 16px;
94
94
  color: $white-100;
95
95
  position: relative;
@@ -180,7 +180,7 @@
180
180
  li {
181
181
  a {
182
182
  padding-left: 52px;
183
- font-size: 14px;
183
+ font-size: 1rem;
184
184
  padding-top: 10px;
185
185
  padding-bottom: 10px;
186
186
  }
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  p {
23
- font-size: 14px;
23
+ font-size: 1rem;
24
24
  margin-bottom: 10px;
25
25
  color: $color-text;
26
26
  }
@@ -193,7 +193,7 @@
193
193
  // .th,
194
194
  // .td {
195
195
  // width: 20%;
196
- // font-size: 14px;
196
+ // font-size: 1rem;
197
197
  // min-width: 150px;
198
198
  // padding: 6px 20px;
199
199
  // }
@@ -313,7 +313,7 @@
313
313
  strong {
314
314
  font-style: normal;
315
315
  font-weight: 500;
316
- font-size: 14px;
316
+ font-size: 1rem;
317
317
  line-height: 16px;
318
318
  color: $color-heading;
319
319
  margin-right: 16px;
@@ -354,7 +354,7 @@
354
354
  h5 {
355
355
  font-style: normal;
356
356
  font-weight: 500;
357
- font-size: 14px;
357
+ font-size: 1rem;
358
358
  line-height: 19px;
359
359
  color: $color-heading;
360
360
  }