@appscode/design-system 2.4.27-alpha-6 → 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 (50) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/base/utilities/_global.scss +3 -3
  3. package/vue-components/styles/components/_ac-calendar.scss +3 -3
  4. package/vue-components/styles/components/_ac-code-highlight.scss +2 -2
  5. package/vue-components/styles/components/_ac-drag.scss +1 -1
  6. package/vue-components/styles/components/_accordion.scss +1 -1
  7. package/vue-components/styles/components/_breadcrumb.scss +1 -1
  8. package/vue-components/styles/components/_card-body-wrapper.scss +3 -3
  9. package/vue-components/styles/components/_direct-deploy.scss +2 -2
  10. package/vue-components/styles/components/_dropdown.scss +1 -1
  11. package/vue-components/styles/components/_getkeeper.scss +1 -1
  12. package/vue-components/styles/components/_graph.scss +1 -1
  13. package/vue-components/styles/components/_options.scss +2 -2
  14. package/vue-components/styles/components/_overview-page.scss +3 -3
  15. package/vue-components/styles/components/_pagination.scss +2 -2
  16. package/vue-components/styles/components/_preview-modal.scss +1 -1
  17. package/vue-components/styles/components/_pricing-table.scss +1 -1
  18. package/vue-components/styles/components/_table-of-content.scss +3 -3
  19. package/vue-components/styles/components/_table.scss +4 -4
  20. package/vue-components/styles/components/_tabs.scss +4 -4
  21. package/vue-components/styles/components/_terminal.scss +3 -3
  22. package/vue-components/styles/components/_widget-menu.scss +4 -4
  23. package/vue-components/styles/components/_wizard.scss +9 -9
  24. package/vue-components/styles/components/ac-toaster/_ac-toasted.scss +2 -2
  25. package/vue-components/styles/components/alert/_alert.scss +2 -2
  26. package/vue-components/styles/components/alert/_toast.scss +1 -1
  27. package/vue-components/styles/components/bbum/_card-team.scss +2 -2
  28. package/vue-components/styles/components/bbum/_left-sidebar.scss +2 -2
  29. package/vue-components/styles/components/bbum/_post.scss +1 -1
  30. package/vue-components/styles/components/bbum/_sign-up-notification.scss +2 -2
  31. package/vue-components/styles/components/bbum/_single-post-preview.scss +2 -2
  32. package/vue-components/styles/components/bbum/_user-profile.scss +3 -3
  33. package/vue-components/styles/components/cards/_cluster.scss +1 -1
  34. package/vue-components/styles/components/cards/_payment-card.scss +3 -3
  35. package/vue-components/styles/components/cards/_subscription-card.scss +2 -2
  36. package/vue-components/styles/components/cards/_vendor.scss +1 -1
  37. package/vue-components/styles/components/editor/_filtered-file-editor.scss +1 -1
  38. package/vue-components/styles/components/form-fields/_image-upload.scss +1 -1
  39. package/vue-components/styles/components/form-fields/_input-card.scss +3 -3
  40. package/vue-components/styles/components/form-fields/_input.scss +14 -14
  41. package/vue-components/styles/components/navbar/_menu-content.scss +11 -11
  42. package/vue-components/styles/components/navbar/_notification.scss +2 -2
  43. package/vue-components/styles/components/select-box/_ac-select-box.scss +1 -1
  44. package/vue-components/styles/components/select-box/_multi-select.scss +20 -20
  45. package/vue-components/styles/components/ui-builder/_ui-builder.scss +4 -4
  46. package/vue-components/styles/components/ui-builder/_vue-open-api.scss +13 -13
  47. package/vue-components/styles/layouts/_code-preview.scss +2 -2
  48. package/vue-components/v3/cards/OverviewCard.vue +1 -1
  49. package/vue-components/v3/pagination/Pagination.vue +1 -1
  50. package/vue-components/v3/table/InfoTable.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.4.27-alpha-6",
3
+ "version": "2.4.27-alpha-8",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -85,7 +85,7 @@ $positions: (
85
85
  background-color: rgba(255, 255, 255, 0.2);
86
86
  border: 1px solid rgba(255, 255, 255, 0.3);
87
87
  font-weight: 600;
88
- font-size: 14px;
88
+ font-size: 1rem;
89
89
  border-radius: 2px;
90
90
  margin-left: 4px;
91
91
  padding: 4px;
@@ -445,7 +445,7 @@ button {
445
445
  padding: 5px 20px 4px;
446
446
  box-shadow: $ac-shadow-1;
447
447
  font-weight: 500;
448
- font-size: 14px;
448
+ font-size: 1rem;
449
449
  }
450
450
 
451
451
  .tooltip-arrow {
@@ -466,7 +466,7 @@ button {
466
466
  padding: 5px 20px 4px;
467
467
  box-shadow: $ac-shadow-1;
468
468
  font-weight: 500;
469
- font-size: 14px;
469
+ font-size: 1rem;
470
470
 
471
471
  .errors-wrapper {
472
472
  .error-element {
@@ -5,7 +5,7 @@
5
5
  height: 45px !important;
6
6
  padding: 15px !important;
7
7
  font-weight: normal !important;
8
- font-size: 14px !important;
8
+ font-size: 1rem !important;
9
9
  }
10
10
 
11
11
  .vc-highlight {
@@ -17,7 +17,7 @@
17
17
  .vc-weeks {
18
18
  padding: 25px 30px !important;
19
19
  font-weight: normal !important;
20
- font-size: 14px !important;
20
+ font-size: 1rem !important;
21
21
  }
22
22
 
23
23
  .vc-weekday {
@@ -27,7 +27,7 @@
27
27
  margin-right: -30px !important;
28
28
  margin-bottom: 25px !important;
29
29
  font-weight: 500;
30
- font-size: 14px !important;
30
+ font-size: 1rem !important;
31
31
  }
32
32
 
33
33
  .vc-bg-blue-200 {
@@ -1,6 +1,6 @@
1
1
  .ac-code-highlight {
2
2
  pre {
3
- font-size: 14px;
3
+ font-size: 1rem;
4
4
  color: $color-heading;
5
5
  background-color: $color-border;
6
6
  }
@@ -15,7 +15,7 @@
15
15
 
16
16
  code[class*="language-"],
17
17
  pre[class*="language-"] {
18
- font-size: 14px !important;
18
+ font-size: 1rem !important;
19
19
  }
20
20
 
21
21
  .editor-writable {
@@ -45,7 +45,7 @@
45
45
 
46
46
  span,
47
47
  strong {
48
- font-size: 14px;
48
+ font-size: 1rem;
49
49
  color: $color-heading;
50
50
  padding: 0 5px;
51
51
  font-weight: 500;
@@ -57,7 +57,7 @@
57
57
  // transition: max-height 0.3s ease-in-out;
58
58
 
59
59
  p {
60
- font-size: 14px;
60
+ font-size: 1rem;
61
61
  color: $color-text;
62
62
  line-height: 1.6;
63
63
  }
@@ -13,7 +13,7 @@
13
13
  .breadcrumb {
14
14
  a {
15
15
  color: $color-text;
16
- font-size: 14px;
16
+ font-size: 1rem;
17
17
  padding: 0 3px;
18
18
  font-weight: 500;
19
19
  font-style: normal;
@@ -12,7 +12,7 @@
12
12
  // .left-content {
13
13
  // p {
14
14
  // font-weight: 500;
15
- // font-size: 14px;
15
+ // font-size: 1rem;
16
16
  // line-height: 16px;
17
17
  // color: $color-heading;
18
18
 
@@ -22,7 +22,7 @@
22
22
 
23
23
  // &.description {
24
24
  // font-weight: normal;
25
- // font-size: 14px;
25
+ // font-size: 1rem;
26
26
  // line-height: 16px;
27
27
  // color: $color-text;
28
28
  // margin-top: 10px;
@@ -43,7 +43,7 @@
43
43
  // p {
44
44
  // &.cluster-title {
45
45
  // font-weight: normal;
46
- // font-size: 14px;
46
+ // font-size: 1rem;
47
47
  // line-height: 16px;
48
48
  // color: $gray-40;
49
49
  // margin-top: 30px;
@@ -11,7 +11,7 @@
11
11
  // }
12
12
 
13
13
  // p {
14
- // font-size: 14px;
14
+ // font-size: 1rem;
15
15
  // line-height: 160%;
16
16
  // color: $color-heading;
17
17
  // margin-bottom: 20px;
@@ -19,7 +19,7 @@
19
19
 
20
20
  // .check-permission {
21
21
  // font-weight: normal;
22
- // font-size: 14px;
22
+ // font-size: 1rem;
23
23
  // line-height: 16px;
24
24
  // color: $color-heading;
25
25
  // }
@@ -20,7 +20,7 @@
20
20
  display: flex;
21
21
  align-items: center;
22
22
  gap: 8px;
23
- font-size: 14px;
23
+ font-size: 1rem;
24
24
  padding: 8px 16px;
25
25
  color: $color-text;
26
26
  &:hover {
@@ -70,7 +70,7 @@
70
70
  border-radius: 4px;
71
71
  padding: 12px 20px;
72
72
  font-weight: 500;
73
- font-size: 14px;
73
+ font-size: 1rem;
74
74
  color: $color-heading;
75
75
  cursor: pointer;
76
76
  transition: 0.3s ease-in-out;
@@ -19,7 +19,7 @@
19
19
  color: $color-heading;
20
20
  }
21
21
  padding: 4px 0;
22
- font-size: 14px;
22
+ font-size: 1rem;
23
23
  }
24
24
  }
25
25
  }
@@ -101,7 +101,7 @@
101
101
  font-weight: 400;
102
102
  text-align: left;
103
103
  color: $color-text;
104
- font-size: 14px;
104
+ font-size: 1rem;
105
105
  padding: 10px 30px;
106
106
  display: block;
107
107
 
@@ -120,7 +120,7 @@
120
120
  }
121
121
 
122
122
  a {
123
- font-size: 14px;
123
+ font-size: 1rem;
124
124
  padding: 7px 15px;
125
125
  display: block;
126
126
  text-decoration: none !important;
@@ -18,7 +18,7 @@
18
18
  }
19
19
 
20
20
  p {
21
- font-size: 14px;
21
+ font-size: 1rem;
22
22
  }
23
23
  }
24
24
 
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  span.meta-data {
40
- font-size: 14px;
40
+ font-size: 1rem;
41
41
  }
42
42
 
43
43
  .view-details-button {
@@ -65,7 +65,7 @@
65
65
  }
66
66
 
67
67
  .title-meta {
68
- font-size: 14px;
68
+ font-size: 1rem;
69
69
  color: #4a4a4a;
70
70
  }
71
71
 
@@ -11,7 +11,7 @@
11
11
  // display: block;
12
12
  // width: 20px;
13
13
  // text-align: center;
14
- // font-size: 14px;
14
+ // font-size: 1rem;
15
15
  // font-weight: 500;
16
16
  // border-radius: 4px;
17
17
 
@@ -67,7 +67,7 @@
67
67
  // color: $gray-40;
68
68
  // padding-right: 5px;
69
69
  // display: inline-block;
70
- // font-size: 14px;
70
+ // font-size: 1rem;
71
71
  // }
72
72
  // }
73
73
 
@@ -137,7 +137,7 @@
137
137
  font-family: $font-paragraph;
138
138
  font-style: normal;
139
139
  font-weight: 500;
140
- font-size: 14px;
140
+ font-size: 1rem;
141
141
  line-height: 100%;
142
142
  color: $color-heading;
143
143
  border-top: 1px solid $color-border;
@@ -93,7 +93,7 @@
93
93
  z-index: 1;
94
94
 
95
95
  h5 {
96
- font-size: 14px;
96
+ font-size: 1rem;
97
97
  margin-bottom: 10px;
98
98
  font-weight: 500;
99
99
  overflow: hidden;
@@ -17,7 +17,7 @@
17
17
  p {
18
18
  font-style: normal;
19
19
  font-weight: 500;
20
- font-size: 14px;
20
+ font-size: 1rem;
21
21
  line-height: 16px;
22
22
  cursor: pointer;
23
23
  color: $color-text;
@@ -29,7 +29,7 @@
29
29
 
30
30
  button {
31
31
  color: $color-text;
32
- font-size: 14px;
32
+ font-size: 1rem;
33
33
  }
34
34
  }
35
35
 
@@ -45,7 +45,7 @@
45
45
 
46
46
  font-style: normal;
47
47
  font-weight: normal;
48
- font-size: 14px;
48
+ font-size: 1rem;
49
49
  line-height: 16px;
50
50
  padding: 8px 0;
51
51
  color: $color-text;
@@ -34,7 +34,7 @@
34
34
 
35
35
  thead {
36
36
  // background-color: $primary-95;
37
- font-size: 14px;
37
+ font-size: 1rem;
38
38
  line-height: initial;
39
39
 
40
40
  tr {
@@ -71,7 +71,7 @@
71
71
  position: absolute;
72
72
  color: #808998;
73
73
  top: 10px;
74
- font-size: 14px;
74
+ font-size: 1rem;
75
75
  font-weight: 1000;
76
76
  display: block;
77
77
  }
@@ -128,7 +128,7 @@
128
128
  background-color: $white-100 !important;
129
129
  }
130
130
  td {
131
- font-size: 14px;
131
+ font-size: 1rem;
132
132
  padding: 5px 20px;
133
133
  color: $color-heading;
134
134
  border: none;
@@ -277,7 +277,7 @@
277
277
  }
278
278
 
279
279
  td {
280
- font-size: 14px;
280
+ font-size: 1rem;
281
281
  color: $color-text;
282
282
  background-color: transparent;
283
283
  border-bottom: 1px solid $color-border-light;
@@ -23,7 +23,7 @@
23
23
  // // text-transform: uppercase;
24
24
  // font-weight: 400;
25
25
  // color: $color-heading;
26
- // font-size: 14px;
26
+ // font-size: 1rem;
27
27
  // border-bottom: none;
28
28
  // padding: 6px 16px;
29
29
 
@@ -36,7 +36,7 @@
36
36
  // }
37
37
 
38
38
  // &.is-boxed {
39
- // font-size: 14px;
39
+ // font-size: 1rem;
40
40
 
41
41
  // a {
42
42
  // padding: 8px 20px;
@@ -75,7 +75,7 @@
75
75
  // padding: 8px 20px;
76
76
  // font-weight: 500;
77
77
  // margin-bottom: -2px;
78
- // font-size: 14px;
78
+ // font-size: 1rem;
79
79
  // }
80
80
  // }
81
81
  // }
@@ -94,7 +94,7 @@
94
94
  // border: 1px solid $color-border;
95
95
  // border-bottom: none;
96
96
  // margin-bottom: -2px;
97
- // font-size: 14px;
97
+ // font-size: 1rem;
98
98
  // color: $color-text;
99
99
  // }
100
100
  // }
@@ -12,7 +12,7 @@
12
12
  bottom: 0;
13
13
  background-color: var(--terminal-bg);
14
14
  color: $white-100;
15
- font-size: 14px;
15
+ font-size: 1rem;
16
16
  height: 360px;
17
17
  z-index: 999;
18
18
  transition: 0.3s ease-in-out;
@@ -123,7 +123,7 @@
123
123
  li {
124
124
  a {
125
125
  margin-bottom: 0px;
126
- font-size: 14px;
126
+ font-size: 1rem;
127
127
  border-radius: 0;
128
128
  padding: 8px 8px 8px 20px;
129
129
  border: none;
@@ -197,7 +197,7 @@
197
197
  }
198
198
 
199
199
  a {
200
- font-size: 14px;
200
+ font-size: 1rem;
201
201
  padding: 10px 20px;
202
202
  justify-content: flex-start;
203
203
  border-bottom: 1px solid $primary-20;
@@ -6,7 +6,7 @@
6
6
  // .menu-list-wrapper {
7
7
  // li {
8
8
  // a {
9
- // font-size: 14px;
9
+ // font-size: 1rem;
10
10
  // font-weight: 400;
11
11
  // color: $color-heading;
12
12
  // display: block;
@@ -89,7 +89,7 @@
89
89
  // }
90
90
 
91
91
  // a {
92
- // font-size: 14px;
92
+ // font-size: 1rem;
93
93
  // font-weight: 500;
94
94
  // color: $color-heading;
95
95
 
@@ -137,7 +137,7 @@
137
137
  // background-color: $color-border;
138
138
 
139
139
  // p {
140
- // font-size: 14px;
140
+ // font-size: 1rem;
141
141
  // font-weight: 600;
142
142
  // color: $color-heading;
143
143
  // }
@@ -154,7 +154,7 @@
154
154
  // background-color: $white-100;
155
155
  // text-align: left;
156
156
  // color: $color-heading;
157
- // font-size: 14px;
157
+ // font-size: 1rem;
158
158
  // font-weight: 500;
159
159
 
160
160
  // &:hover {
@@ -9,7 +9,7 @@
9
9
  // font-family: $font-paragraph;
10
10
  // font-style: normal;
11
11
  // font-weight: normal;
12
- // font-size: 14px;
12
+ // font-size: 1rem;
13
13
  // line-height: 100%;
14
14
  // color: $color-heading;
15
15
  // margin-bottom: 10px;
@@ -83,7 +83,7 @@
83
83
  // font-family: $font-paragraph;
84
84
  // font-style: normal;
85
85
  // font-weight: 500;
86
- // font-size: 14px;
86
+ // font-size: 1rem;
87
87
  // line-height: 16px;
88
88
  // color: $color-heading;
89
89
  // margin-right: 16px;
@@ -127,7 +127,7 @@
127
127
  // font-family: $font-paragraph;
128
128
  // font-style: normal;
129
129
  // font-weight: 500;
130
- // font-size: 14px;
130
+ // font-size: 1rem;
131
131
  // line-height: 19px;
132
132
  // color: $color-heading;
133
133
  // }
@@ -187,7 +187,7 @@
187
187
  // font-family: $font-paragraph;
188
188
  // font-style: normal;
189
189
  // font-weight: 500;
190
- // font-size: 14px;
190
+ // font-size: 1rem;
191
191
  // line-height: 16px;
192
192
  // color: $color-heading;
193
193
  // }
@@ -252,7 +252,7 @@
252
252
  // font-family: $font-paragraph;
253
253
  // font-style: normal;
254
254
  // font-weight: normal;
255
- // font-size: 14px;
255
+ // font-size: 1rem;
256
256
  // line-height: 16px;
257
257
  // color: $color-heading;
258
258
  // display: flex;
@@ -286,7 +286,7 @@
286
286
  // font-family: $font-paragraph;
287
287
  // font-style: normal;
288
288
  // font-weight: normal;
289
- // font-size: 14px;
289
+ // font-size: 1rem;
290
290
  // line-height: 18px;
291
291
  // display: block;
292
292
  // color: $color-heading;
@@ -330,7 +330,7 @@
330
330
  // font-family: $font-paragraph;
331
331
  // font-style: normal;
332
332
  // font-weight: 500;
333
- // font-size: 14px;
333
+ // font-size: 1rem;
334
334
  // line-height: 16px;
335
335
  // display: flex;
336
336
  // align-items: center;
@@ -486,7 +486,7 @@
486
486
  // p {
487
487
  // font-family: $font-paragraph;
488
488
  // font-style: normal;
489
- // font-size: 14px;
489
+ // font-size: 1rem;
490
490
  // line-height: 18px;
491
491
  // color: $white-100;
492
492
  // font-weight: 400;
@@ -529,7 +529,7 @@
529
529
  // text-align: center;
530
530
  // font-family: $font-paragraph;
531
531
  // font-weight: 500;
532
- // font-size: 14px;
532
+ // font-size: 1rem;
533
533
  // line-height: 19px;
534
534
  // color: $color-heading;
535
535
  // margin: 0 10px 10px 0;
@@ -3,7 +3,7 @@
3
3
  min-width: 350px !important;
4
4
  min-height: 40px !important;
5
5
  justify-content: flex-start !important;
6
- font-size: 14px !important;
6
+ font-size: 1rem !important;
7
7
  font-weight: 500 !important;
8
8
  padding-right: 35px !important;
9
9
  box-shadow: none !important;
@@ -49,7 +49,7 @@
49
49
  }
50
50
 
51
51
  .ac-toast-action {
52
- font-size: 14px !important;
52
+ font-size: 1rem !important;
53
53
  font-weight: 400 !important;
54
54
  color: inherit !important;
55
55
  font-family: Roboto, sans-serif !important;
@@ -1,6 +1,6 @@
1
1
  .ac-notification {
2
2
  background-color: $primary-95;
3
- font-size: 14px;
3
+ font-size: 1rem;
4
4
  color: $ac-primary;
5
5
  min-height: 36px;
6
6
  display: flex;
@@ -40,7 +40,7 @@
40
40
  position: absolute;
41
41
  box-shadow: none;
42
42
  border: none;
43
- font-size: 14px;
43
+ font-size: 1rem;
44
44
  color: $danger;
45
45
  width: 40px;
46
46
  height: 100%;
@@ -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
  }