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

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 (3) hide show
  1. package/package.json +1 -1
  2. package/vue-components/styles/base/utilities/_typography.scss +36 -36
  3. package/vue-components/styles/components/sidebar/_left-sidebar.scss +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.4.27-alpha-4",
3
+ "version": "2.4.27-alpha-6",
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/_typography.scss CHANGED
@@ -8,12 +8,12 @@ body {
8
8
  background-color: $white-100;
9
9
  font-family: $font-paragraph;
10
10
  font-weight: $weight-normal;
11
- font-size: 14px; // Base font size
11
+ font-size: 13px; // Base font size
12
12
  color: $color-text;
13
13
  }
14
14
 
15
15
  p {
16
- font-size: $size-6; // 14px
16
+ font-size: 1rem; // 13px
17
17
  font-family: $font-paragraph;
18
18
  font-weight: $weight-normal;
19
19
  line-height: 1.5;
@@ -31,44 +31,44 @@ h6 {
31
31
  }
32
32
 
33
33
  h1 {
34
- font-size: $size-1;
35
- }
34
+ font-size: 2.462rem;
35
+ } // 32px
36
36
  h2 {
37
- font-size: $size-2;
38
- }
37
+ font-size: 2rem;
38
+ } // 26px
39
39
  h3 {
40
- font-size: $size-3;
41
- }
40
+ font-size: 1.692rem;
41
+ } // 22px
42
42
  h4 {
43
- font-size: $size-4;
44
- }
43
+ font-size: 1.385rem;
44
+ } // 18px
45
45
  h5 {
46
- font-size: $size-5;
47
- }
46
+ font-size: 1.231rem;
47
+ } // 16px
48
48
  h6 {
49
- font-size: $size-6;
50
- }
49
+ font-size: 1rem;
50
+ } // 13px
51
51
 
52
52
  h6 {
53
53
  &.is-tiny {
54
- font-size: $size-7;
54
+ font-size: 0.846rem;
55
55
  line-height: 1.2;
56
56
  } // 11px
57
57
  &.is-extra-small {
58
- font-size: 0.857rem;
58
+ font-size: 0.923rem;
59
59
  line-height: 1.2;
60
60
  } // 12px
61
61
  &.is-small,
62
62
  &.is-normal {
63
- font-size: $size-6;
63
+ font-size: 1rem;
64
64
  line-height: 1.2;
65
- } // 14px
65
+ } // 13px
66
66
  &.is-semi-normal {
67
- font-size: 1.071rem;
67
+ font-size: 1.077rem;
68
68
  line-height: 1.2;
69
- } // 15px
69
+ } // 14px
70
70
  &.is-medium {
71
- font-size: $size-5;
71
+ font-size: 1.231rem;
72
72
  line-height: 1.2;
73
73
  } // 16px
74
74
  }
@@ -96,37 +96,37 @@ a:not(.ac-button) {
96
96
  }
97
97
 
98
98
  .text-xm {
99
- font-size: 0.714rem;
99
+ font-size: 0.769rem;
100
100
  } // 10px
101
101
  .text-sm {
102
- font-size: $size-7;
102
+ font-size: 0.846rem;
103
103
  } // 11px
104
104
  .text-xs {
105
- font-size: 0.857rem;
105
+ font-size: 0.923rem;
106
106
  } // 12px
107
107
  .text-base {
108
- font-size: $size-6;
109
- } // 14px
108
+ font-size: 1rem;
109
+ } // 13px
110
110
  .text-lg {
111
- font-size: $size-5;
112
- } // 16px
111
+ font-size: 1.077rem;
112
+ } // 14px
113
113
  .text-xl {
114
- font-size: 1.286rem;
115
- } // 18px
114
+ font-size: 1.231rem;
115
+ } // 16px
116
116
  .text-2xl {
117
- font-size: 1.429rem;
118
- } // 20px
117
+ font-size: 1.385rem;
118
+ } // 18px
119
119
  .text-3xl {
120
- font-size: 1.714rem;
120
+ font-size: 1.846rem;
121
121
  } // 24px
122
122
  .text-4xl {
123
- font-size: 2.143rem;
123
+ font-size: 2.308rem;
124
124
  } // 30px
125
125
  .text-5xl {
126
- font-size: 2.571rem;
126
+ font-size: 2.769rem;
127
127
  } // 36px
128
128
  .text-6xl {
129
- font-size: 3rem;
129
+ font-size: 3.231rem;
130
130
  } // 42px
131
131
 
132
132
  hr {
package/vue-components/styles/components/sidebar/_left-sidebar.scss CHANGED
@@ -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
  }