@ndla/preset-panda 0.0.31 → 0.0.32

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 (4) hide show
  1. package/dist/styles.css +42 -0
  2. package/es/typography.js +28 -5
  3. package/lib/typography.js +28 -5
  4. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -56,6 +56,7 @@
56
56
  }
57
57
 
58
58
  .ndla-article h1 {
59
+ letter-spacing: -1px;
59
60
  font-family: var(--fonts-sans);
60
61
  font-weight: var(--font-weights-bold);
61
62
  font-size: var(--font-sizes-3xlarge);
@@ -68,6 +69,7 @@
68
69
  }
69
70
 
70
71
  .ndla-article h2 {
72
+ letter-spacing: -2px;
71
73
  font-family: var(--fonts-sans);
72
74
  font-weight: var(--font-weights-bold);
73
75
  font-size: var(--font-sizes-xxlarge);
@@ -80,6 +82,7 @@
80
82
  }
81
83
 
82
84
  .ndla-article h3 {
85
+ letter-spacing: -1px;
83
86
  font-family: var(--fonts-sans);
84
87
  font-weight: var(--font-weights-bold);
85
88
  font-size: var(--font-sizes-large);
@@ -92,6 +95,7 @@
92
95
  }
93
96
 
94
97
  .ndla-article h4,.ndla-article h5,.ndla-article h6 {
98
+ letter-spacing: -1px;
95
99
  font-family: var(--fonts-sans);
96
100
  font-weight: var(--font-weights-bold);
97
101
  font-size: var(--font-sizes-medium);
@@ -239,6 +243,44 @@
239
243
  .ndla-article section:not([class]) > :first-child,.ndla-article section:not([class]) > div:not([class]) > :first-child,.ndla-article section:not([class]) > :last-child,.ndla-article section:not([class]) > div:not([class]) > :last-child {
240
244
  margin-block-start: var(--spacing-xlarge);
241
245
  }
246
+ }
247
+
248
+ @media screen and (max-width: 29.7475rem) {
249
+ .ndla-article h1 {
250
+ letter-spacing: -2px;
251
+ font-size: var(--font-sizes-xxlarge);
252
+ line-height: var(--line-heights-xxlarge);
253
+ }
254
+
255
+ .ndla-article h1:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
256
+ font-size: calc(var(--font-sizes-xxlarge) * 1.11);
257
+ line-height: calc(var(--line-heights-xxlarge) * 1.11);
258
+ }
259
+ }
260
+
261
+ @media screen and (max-width: 29.7475rem) {
262
+ .ndla-article h2 {
263
+ letter-spacing: -1px;
264
+ font-size: var(--font-sizes-xlarge);
265
+ line-height: var(--line-heights-xlarge);
266
+ }
267
+
268
+ .ndla-article h2:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
269
+ font-size: calc(var(--font-sizes-xlarge) * 1.11);
270
+ line-height: calc(var(--line-heights-xlarge) * 1.11);
271
+ }
272
+ }
273
+
274
+ @media screen and (max-width: 29.7475rem) {
275
+ .ndla-article h3 {
276
+ font-size: var(--font-sizes-medium);
277
+ line-height: var(--line-heights-small);
278
+ }
279
+
280
+ .ndla-article h3:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
281
+ font-size: calc(var(--font-sizes-medium) * 1.11);
282
+ line-height: calc(var(--line-heights-small) * 1.11);
283
+ }
242
284
  }
243
285
  }
244
286
 
package/es/typography.js CHANGED
@@ -115,21 +115,35 @@ export const textStyles = defineTextStyles({
115
115
  value: {
116
116
  fontFamily: "sans",
117
117
  fontWeight: "bold",
118
- ...sizes("4xlarge", "4xlarge")
118
+ letterSpacing: "-1",
119
+ ...sizes("4xlarge", "4xlarge"),
120
+ mobileWideDown: {
121
+ ...sizes("3xlarge", "3xlarge")
122
+ }
119
123
  }
120
124
  },
121
125
  medium: {
122
126
  value: {
123
127
  fontFamily: "sans",
124
128
  fontWeight: "bold",
125
- ...sizes("3xlarge", "3xlarge")
129
+ letterSpacing: "-1",
130
+ ...sizes("3xlarge", "3xlarge"),
131
+ mobileWideDown: {
132
+ letterSpacing: "-2",
133
+ ...sizes("xxlarge", "xxlarge")
134
+ }
126
135
  }
127
136
  },
128
137
  small: {
129
138
  value: {
130
139
  fontFamily: "sans",
131
140
  fontWeight: "bold",
132
- ...sizes("xxlarge", "xxlarge")
141
+ letterSpacing: "-2",
142
+ ...sizes("xxlarge", "xxlarge"),
143
+ mobileWideDown: {
144
+ letterSpacing: "-1",
145
+ ...sizes("xlarge", "xlarge")
146
+ }
133
147
  }
134
148
  }
135
149
  },
@@ -138,20 +152,29 @@ export const textStyles = defineTextStyles({
138
152
  value: {
139
153
  fontFamily: "sans",
140
154
  fontWeight: "bold",
141
- ...sizes("xlarge", "xlarge")
155
+ letterSpacing: "-1",
156
+ ...sizes("xlarge", "xlarge"),
157
+ mobileWideDown: {
158
+ ...sizes("large", "large")
159
+ }
142
160
  }
143
161
  },
144
162
  medium: {
145
163
  value: {
146
164
  fontFamily: "sans",
147
165
  fontWeight: "bold",
148
- ...sizes("large", "large")
166
+ letterSpacing: "-1",
167
+ ...sizes("large", "large"),
168
+ mobileWideDown: {
169
+ ...sizes("medium", "small")
170
+ }
149
171
  }
150
172
  },
151
173
  small: {
152
174
  value: {
153
175
  fontFamily: "sans",
154
176
  fontWeight: "bold",
177
+ letterSpacing: "-1",
155
178
  ...sizes("medium", "small")
156
179
  }
157
180
  }
package/lib/typography.js CHANGED
@@ -121,21 +121,35 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
121
121
  value: {
122
122
  fontFamily: "sans",
123
123
  fontWeight: "bold",
124
- ...sizes("4xlarge", "4xlarge")
124
+ letterSpacing: "-1",
125
+ ...sizes("4xlarge", "4xlarge"),
126
+ mobileWideDown: {
127
+ ...sizes("3xlarge", "3xlarge")
128
+ }
125
129
  }
126
130
  },
127
131
  medium: {
128
132
  value: {
129
133
  fontFamily: "sans",
130
134
  fontWeight: "bold",
131
- ...sizes("3xlarge", "3xlarge")
135
+ letterSpacing: "-1",
136
+ ...sizes("3xlarge", "3xlarge"),
137
+ mobileWideDown: {
138
+ letterSpacing: "-2",
139
+ ...sizes("xxlarge", "xxlarge")
140
+ }
132
141
  }
133
142
  },
134
143
  small: {
135
144
  value: {
136
145
  fontFamily: "sans",
137
146
  fontWeight: "bold",
138
- ...sizes("xxlarge", "xxlarge")
147
+ letterSpacing: "-2",
148
+ ...sizes("xxlarge", "xxlarge"),
149
+ mobileWideDown: {
150
+ letterSpacing: "-1",
151
+ ...sizes("xlarge", "xlarge")
152
+ }
139
153
  }
140
154
  }
141
155
  },
@@ -144,20 +158,29 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
144
158
  value: {
145
159
  fontFamily: "sans",
146
160
  fontWeight: "bold",
147
- ...sizes("xlarge", "xlarge")
161
+ letterSpacing: "-1",
162
+ ...sizes("xlarge", "xlarge"),
163
+ mobileWideDown: {
164
+ ...sizes("large", "large")
165
+ }
148
166
  }
149
167
  },
150
168
  medium: {
151
169
  value: {
152
170
  fontFamily: "sans",
153
171
  fontWeight: "bold",
154
- ...sizes("large", "large")
172
+ letterSpacing: "-1",
173
+ ...sizes("large", "large"),
174
+ mobileWideDown: {
175
+ ...sizes("medium", "small")
176
+ }
155
177
  }
156
178
  },
157
179
  small: {
158
180
  value: {
159
181
  fontFamily: "sans",
160
182
  fontWeight: "bold",
183
+ letterSpacing: "-1",
161
184
  ...sizes("medium", "small")
162
185
  }
163
186
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/preset-panda",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "description": "Panda preset for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "784eea9f500d7e38a2d5102286118a1da129b743"
40
+ "gitHead": "8bfa22e2ca1f9ee0638df252f56389807797e704"
41
41
  }