@appscode/design-system 2.4.27-alpha-6 → 2.4.27-alpha-9

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/_colors.scss +1 -2
  3. package/vue-components/styles/base/utilities/_global.scss +3 -3
  4. package/vue-components/styles/base/utilities/_typography.scss +4 -0
  5. package/vue-components/styles/components/_ac-calendar.scss +3 -3
  6. package/vue-components/styles/components/_ac-code-highlight.scss +2 -2
  7. package/vue-components/styles/components/_ac-drag.scss +1 -1
  8. package/vue-components/styles/components/_accordion.scss +1 -1
  9. package/vue-components/styles/components/_breadcrumb.scss +1 -1
  10. package/vue-components/styles/components/_card-body-wrapper.scss +3 -3
  11. package/vue-components/styles/components/_direct-deploy.scss +2 -2
  12. package/vue-components/styles/components/_dropdown.scss +1 -1
  13. package/vue-components/styles/components/_getkeeper.scss +1 -1
  14. package/vue-components/styles/components/_graph.scss +1 -1
  15. package/vue-components/styles/components/_options.scss +2 -2
  16. package/vue-components/styles/components/_overview-page.scss +3 -3
  17. package/vue-components/styles/components/_pagination.scss +2 -2
  18. package/vue-components/styles/components/_preview-modal.scss +1 -1
  19. package/vue-components/styles/components/_pricing-table.scss +1 -1
  20. package/vue-components/styles/components/_table-of-content.scss +3 -3
  21. package/vue-components/styles/components/_table.scss +4 -4
  22. package/vue-components/styles/components/_tabs.scss +4 -4
  23. package/vue-components/styles/components/_terminal.scss +4 -4
  24. package/vue-components/styles/components/_widget-menu.scss +4 -4
  25. package/vue-components/styles/components/_wizard.scss +9 -9
  26. package/vue-components/styles/components/ac-toaster/_ac-toasted.scss +2 -2
  27. package/vue-components/styles/components/alert/_alert.scss +2 -2
  28. package/vue-components/styles/components/alert/_toast.scss +1 -1
  29. package/vue-components/styles/components/bbum/_card-team.scss +2 -2
  30. package/vue-components/styles/components/bbum/_left-sidebar.scss +2 -2
  31. package/vue-components/styles/components/bbum/_post.scss +1 -1
  32. package/vue-components/styles/components/bbum/_sign-up-notification.scss +2 -2
  33. package/vue-components/styles/components/bbum/_single-post-preview.scss +2 -2
  34. package/vue-components/styles/components/bbum/_user-profile.scss +3 -3
  35. package/vue-components/styles/components/cards/_cluster.scss +1 -1
  36. package/vue-components/styles/components/cards/_payment-card.scss +3 -3
  37. package/vue-components/styles/components/cards/_subscription-card.scss +2 -2
  38. package/vue-components/styles/components/cards/_vendor.scss +1 -1
  39. package/vue-components/styles/components/editor/_filtered-file-editor.scss +1 -1
  40. package/vue-components/styles/components/form-fields/_image-upload.scss +1 -1
  41. package/vue-components/styles/components/form-fields/_input-card.scss +3 -3
  42. package/vue-components/styles/components/form-fields/_input.scss +14 -14
  43. package/vue-components/styles/components/navbar/_menu-content.scss +11 -11
  44. package/vue-components/styles/components/navbar/_notification.scss +2 -2
  45. package/vue-components/styles/components/select-box/_ac-select-box.scss +1 -1
  46. package/vue-components/styles/components/select-box/_multi-select.scss +20 -20
  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
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-9",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/styles/base/utilities/_colors.scss CHANGED
@@ -189,8 +189,7 @@ $color-border-light: $slate-90;
189
189
  $color-border: $slate-80;
190
190
  $color-border-dark: $slate-70;
191
191
 
192
- // $color-sidebar: hsl($primary-hue, $primary-saturation, var(--sidebar-light, 5%));
193
- $color-sidebar: $slate-5;
192
+ $color-sidebar: hsla($primary-hue, 10%, 5%);
194
193
 
195
194
  // Box Shadow
196
195
  $ac-shadow-1: 0 1px 4px rgba(26, 80, 151, 0.16);
package/vue-components/styles/base/utilities/_global.scss CHANGED
@@ -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 {
package/vue-components/styles/base/utilities/_typography.scss CHANGED
@@ -44,9 +44,13 @@ h4 {
44
44
  } // 18px
45
45
  h5 {
46
46
  font-size: 1.231rem;
47
+ font-weight: 600;
48
+ letter-spacing: normal;
47
49
  } // 16px
48
50
  h6 {
49
51
  font-size: 1rem;
52
+ letter-spacing: 0;
53
+ font-weight: normal;
50
54
  } // 13px
51
55
 
52
56
  h6 {
package/vue-components/styles/components/_ac-calendar.scss CHANGED
@@ -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 {
package/vue-components/styles/components/_ac-code-highlight.scss CHANGED
@@ -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 {
package/vue-components/styles/components/_ac-drag.scss CHANGED
@@ -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;
package/vue-components/styles/components/_accordion.scss CHANGED
@@ -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
  }
package/vue-components/styles/components/_breadcrumb.scss CHANGED
@@ -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;
package/vue-components/styles/components/_card-body-wrapper.scss CHANGED
@@ -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;
package/vue-components/styles/components/_direct-deploy.scss CHANGED
@@ -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
  // }
package/vue-components/styles/components/_dropdown.scss CHANGED
@@ -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 {
package/vue-components/styles/components/_getkeeper.scss CHANGED
@@ -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;
package/vue-components/styles/components/_graph.scss CHANGED
@@ -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
  }
package/vue-components/styles/components/_options.scss CHANGED
@@ -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;
package/vue-components/styles/components/_overview-page.scss CHANGED
@@ -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
 
package/vue-components/styles/components/_pagination.scss CHANGED
@@ -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
 
package/vue-components/styles/components/_preview-modal.scss CHANGED
@@ -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;
package/vue-components/styles/components/_pricing-table.scss CHANGED
@@ -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;
package/vue-components/styles/components/_table-of-content.scss CHANGED
@@ -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;
package/vue-components/styles/components/_table.scss CHANGED
@@ -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;
package/vue-components/styles/components/_tabs.scss CHANGED
@@ -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
  // }
package/vue-components/styles/components/_terminal.scss CHANGED
@@ -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;
@@ -251,7 +251,7 @@
251
251
 
252
252
  .right-content {
253
253
  .status-message {
254
- background-color: #666666 !important;
254
+ background-color: $color-text !important;
255
255
  text-align: center;
256
256
  padding: 4px 20px;
257
257
  border-radius: 4px;
package/vue-components/styles/components/_widget-menu.scss CHANGED
@@ -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 {
package/vue-components/styles/components/_wizard.scss CHANGED
@@ -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;
package/vue-components/styles/components/ac-toaster/_ac-toasted.scss CHANGED
@@ -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;
package/vue-components/styles/components/alert/_alert.scss CHANGED
@@ -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%;
package/vue-components/styles/components/alert/_toast.scss CHANGED
@@ -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;
package/vue-components/styles/components/bbum/_card-team.scss CHANGED
@@ -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
  }
package/vue-components/styles/components/bbum/_left-sidebar.scss CHANGED
@@ -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;
package/vue-components/styles/components/bbum/_post.scss CHANGED
@@ -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
 
package/vue-components/styles/components/bbum/_sign-up-notification.scss CHANGED
@@ -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
  }
package/vue-components/styles/components/bbum/_single-post-preview.scss CHANGED
@@ -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
  }