@ndla/preset-panda 0.0.32 → 0.0.34

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 (6) hide show
  1. package/dist/styles.css +8 -8
  2. package/es/globalCss.js +1 -1
  3. package/es/typography.js +19 -8
  4. package/lib/globalCss.js +1 -1
  5. package/lib/typography.js +19 -8
  6. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -40,6 +40,7 @@
40
40
  }
41
41
 
42
42
  .ndla-article {
43
+ letter-spacing: normal;
43
44
  font-family: var(--fonts-serif);
44
45
  font-weight: var(--font-weights-normal);
45
46
  font-size: var(--font-sizes-medium);
@@ -56,7 +57,7 @@
56
57
  }
57
58
 
58
59
  .ndla-article h1 {
59
- letter-spacing: -1px;
60
+ letter-spacing: -0.01em;
60
61
  font-family: var(--fonts-sans);
61
62
  font-weight: var(--font-weights-bold);
62
63
  font-size: var(--font-sizes-3xlarge);
@@ -69,7 +70,7 @@
69
70
  }
70
71
 
71
72
  .ndla-article h2 {
72
- letter-spacing: -2px;
73
+ letter-spacing: -0.01em;
73
74
  font-family: var(--fonts-sans);
74
75
  font-weight: var(--font-weights-bold);
75
76
  font-size: var(--font-sizes-xxlarge);
@@ -82,7 +83,7 @@
82
83
  }
83
84
 
84
85
  .ndla-article h3 {
85
- letter-spacing: -1px;
86
+ letter-spacing: -0.01em;
86
87
  font-family: var(--fonts-sans);
87
88
  font-weight: var(--font-weights-bold);
88
89
  font-size: var(--font-sizes-large);
@@ -95,7 +96,7 @@
95
96
  }
96
97
 
97
98
  .ndla-article h4,.ndla-article h5,.ndla-article h6 {
98
- letter-spacing: -1px;
99
+ letter-spacing: -0.01em;
99
100
  font-family: var(--fonts-sans);
100
101
  font-weight: var(--font-weights-bold);
101
102
  font-size: var(--font-sizes-medium);
@@ -115,7 +116,7 @@
115
116
  direction: rtl;
116
117
  }
117
118
 
118
- .ndla-article details,.ndla-article blockquote,.ndla-article [data-embed-type="framed-content"],.ndla-article [data-embed-type="factbox"],.ndla-article table,.ndla-article [data-embed-type="related-content-list"],.ndla-article [data-embed-type="link-block-list"],.ndla-article [data-embed-type="blog-post"],.ndla-article [data-embed-type="campaign-block"],.ndla-article [data-embed-type="key-figure"],.ndla-article [data-embed-type="grid"],.ndla-article [data-embed-type="contact-block"],.ndla-article [data-embed-type="file-list"],.ndla-article [data-embed-type="uu-disclaimer"] {
119
+ .ndla-article details,.ndla-article :not(li) > blockquote,.ndla-article [data-embed-type="framed-content"],.ndla-article [data-embed-type="factbox"],.ndla-article table,.ndla-article [data-embed-type="related-content-list"],.ndla-article [data-embed-type="link-block-list"],.ndla-article [data-embed-type="blog-post"],.ndla-article [data-embed-type="campaign-block"],.ndla-article [data-embed-type="key-figure"],.ndla-article [data-embed-type="grid"],.ndla-article [data-embed-type="contact-block"],.ndla-article [data-embed-type="file-list"],.ndla-article [data-embed-type="uu-disclaimer"] {
119
120
  margin-block-start: var(--spacing-xxlarge);
120
121
  margin-block-end: var(--spacing-xxlarge);
121
122
  }
@@ -215,7 +216,7 @@
215
216
  }
216
217
 
217
218
  @media screen and (max-width: 37.56rem) {
218
- .ndla-article details,.ndla-article blockquote,.ndla-article [data-embed-type="framed-content"],.ndla-article [data-embed-type="factbox"],.ndla-article table,.ndla-article [data-embed-type="related-content-list"],.ndla-article [data-embed-type="link-block-list"],.ndla-article [data-embed-type="blog-post"],.ndla-article [data-embed-type="campaign-block"],.ndla-article [data-embed-type="key-figure"],.ndla-article [data-embed-type="grid"],.ndla-article [data-embed-type="contact-block"],.ndla-article [data-embed-type="file-list"],.ndla-article [data-embed-type="uu-disclaimer"] {
219
+ .ndla-article details,.ndla-article :not(li) > blockquote,.ndla-article [data-embed-type="framed-content"],.ndla-article [data-embed-type="factbox"],.ndla-article table,.ndla-article [data-embed-type="related-content-list"],.ndla-article [data-embed-type="link-block-list"],.ndla-article [data-embed-type="blog-post"],.ndla-article [data-embed-type="campaign-block"],.ndla-article [data-embed-type="key-figure"],.ndla-article [data-embed-type="grid"],.ndla-article [data-embed-type="contact-block"],.ndla-article [data-embed-type="file-list"],.ndla-article [data-embed-type="uu-disclaimer"] {
219
220
  margin-block-start: var(--spacing-xlarge);
220
221
  margin-block-end: var(--spacing-xlarge);
221
222
  }
@@ -247,7 +248,7 @@
247
248
 
248
249
  @media screen and (max-width: 29.7475rem) {
249
250
  .ndla-article h1 {
250
- letter-spacing: -2px;
251
+ letter-spacing: -0.01em;
251
252
  font-size: var(--font-sizes-xxlarge);
252
253
  line-height: var(--line-heights-xxlarge);
253
254
  }
@@ -260,7 +261,6 @@
260
261
 
261
262
  @media screen and (max-width: 29.7475rem) {
262
263
  .ndla-article h2 {
263
- letter-spacing: -1px;
264
264
  font-size: var(--font-sizes-xlarge);
265
265
  line-height: var(--line-heights-xlarge);
266
266
  }
package/es/globalCss.js CHANGED
@@ -64,7 +64,7 @@ export const globalCss = defineGlobalStyles({
64
64
  textStyle: "body.article",
65
65
  width: "100%",
66
66
  // Non-figure block elements that should have margin above and below.
67
- '& details, blockquote, [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="blog-post"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
67
+ '& details, :not(li) > blockquote, [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="blog-post"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
68
68
  marginBlockStart: "xxlarge",
69
69
  marginBlockEnd: "xxlarge",
70
70
  tabletDown: {
package/es/typography.js CHANGED
@@ -115,7 +115,7 @@ export const textStyles = defineTextStyles({
115
115
  value: {
116
116
  fontFamily: "sans",
117
117
  fontWeight: "bold",
118
- letterSpacing: "-1",
118
+ letterSpacing: "-0.01em",
119
119
  ...sizes("4xlarge", "4xlarge"),
120
120
  mobileWideDown: {
121
121
  ...sizes("3xlarge", "3xlarge")
@@ -126,10 +126,10 @@ export const textStyles = defineTextStyles({
126
126
  value: {
127
127
  fontFamily: "sans",
128
128
  fontWeight: "bold",
129
- letterSpacing: "-1",
129
+ letterSpacing: "-0.01em",
130
130
  ...sizes("3xlarge", "3xlarge"),
131
131
  mobileWideDown: {
132
- letterSpacing: "-2",
132
+ letterSpacing: "-0.01em",
133
133
  ...sizes("xxlarge", "xxlarge")
134
134
  }
135
135
  }
@@ -138,10 +138,9 @@ export const textStyles = defineTextStyles({
138
138
  value: {
139
139
  fontFamily: "sans",
140
140
  fontWeight: "bold",
141
- letterSpacing: "-2",
141
+ letterSpacing: "-0.01em",
142
142
  ...sizes("xxlarge", "xxlarge"),
143
143
  mobileWideDown: {
144
- letterSpacing: "-1",
145
144
  ...sizes("xlarge", "xlarge")
146
145
  }
147
146
  }
@@ -152,7 +151,7 @@ export const textStyles = defineTextStyles({
152
151
  value: {
153
152
  fontFamily: "sans",
154
153
  fontWeight: "bold",
155
- letterSpacing: "-1",
154
+ letterSpacing: "-0.01em",
156
155
  ...sizes("xlarge", "xlarge"),
157
156
  mobileWideDown: {
158
157
  ...sizes("large", "large")
@@ -163,7 +162,7 @@ export const textStyles = defineTextStyles({
163
162
  value: {
164
163
  fontFamily: "sans",
165
164
  fontWeight: "bold",
166
- letterSpacing: "-1",
165
+ letterSpacing: "-0.01em",
167
166
  ...sizes("large", "large"),
168
167
  mobileWideDown: {
169
168
  ...sizes("medium", "small")
@@ -174,7 +173,7 @@ export const textStyles = defineTextStyles({
174
173
  value: {
175
174
  fontFamily: "sans",
176
175
  fontWeight: "bold",
177
- letterSpacing: "-1",
176
+ letterSpacing: "-0.01em",
178
177
  ...sizes("medium", "small")
179
178
  }
180
179
  }
@@ -184,6 +183,7 @@ export const textStyles = defineTextStyles({
184
183
  value: {
185
184
  fontFamily: "serif",
186
185
  fontWeight: "normal",
186
+ letterSpacing: "normal",
187
187
  ...sizes("medium", "medium")
188
188
  }
189
189
  },
@@ -191,6 +191,7 @@ export const textStyles = defineTextStyles({
191
191
  value: {
192
192
  fontFamily: "serif",
193
193
  fontWeight: "normal",
194
+ letterSpacing: "normal",
194
195
  ...sizes("medium", "medium")
195
196
  }
196
197
  },
@@ -198,6 +199,7 @@ export const textStyles = defineTextStyles({
198
199
  value: {
199
200
  fontFamily: "sans",
200
201
  fontWeight: "normal",
202
+ letterSpacing: "normal",
201
203
  ...sizes("medium", "medium")
202
204
  }
203
205
  },
@@ -205,6 +207,7 @@ export const textStyles = defineTextStyles({
205
207
  value: {
206
208
  fontFamily: "sans",
207
209
  fontWeight: "normal",
210
+ letterSpacing: "normal",
208
211
  ...sizes("large", "large")
209
212
  }
210
213
  },
@@ -212,6 +215,7 @@ export const textStyles = defineTextStyles({
212
215
  value: {
213
216
  fontFamily: "sans",
214
217
  fontWeight: "normal",
218
+ letterSpacing: "normal",
215
219
  ...sizes("medium", "medium")
216
220
  }
217
221
  },
@@ -219,6 +223,7 @@ export const textStyles = defineTextStyles({
219
223
  value: {
220
224
  fontFamily: "sans",
221
225
  fontWeight: "normal",
226
+ letterSpacing: "normal",
222
227
  ...sizes("small", "small")
223
228
  }
224
229
  },
@@ -226,6 +231,7 @@ export const textStyles = defineTextStyles({
226
231
  value: {
227
232
  fontFamily: "sans",
228
233
  fontWeight: "normal",
234
+ letterSpacing: "normal",
229
235
  ...sizes("xsmall", "xsmall")
230
236
  }
231
237
  }
@@ -235,12 +241,14 @@ export const textStyles = defineTextStyles({
235
241
  value: {
236
242
  fontFamily: "sans",
237
243
  fontWeight: "normal",
244
+ letterSpacing: "normal",
238
245
  ...sizes("medium", "medium")
239
246
  },
240
247
  strong: {
241
248
  value: {
242
249
  fontFamily: "sans",
243
250
  fontWeight: "bold",
251
+ letterSpacing: "normal",
244
252
  ...sizes("medium", "medium")
245
253
  }
246
254
  }
@@ -249,6 +257,7 @@ export const textStyles = defineTextStyles({
249
257
  value: {
250
258
  fontFamily: "sans",
251
259
  fontWeight: "normal",
260
+ letterSpacing: "normal",
252
261
  ...sizes("small", "small")
253
262
  }
254
263
  },
@@ -256,6 +265,7 @@ export const textStyles = defineTextStyles({
256
265
  value: {
257
266
  fontFamily: "sans",
258
267
  fontWeight: "normal",
268
+ letterSpacing: "normal",
259
269
  ...sizes("xsmall", "xsmall")
260
270
  }
261
271
  },
@@ -263,6 +273,7 @@ export const textStyles = defineTextStyles({
263
273
  value: {
264
274
  fontFamily: "sans",
265
275
  fontWeight: "normal",
276
+ letterSpacing: "normal",
266
277
  ...sizes("xxsmall", "xxsmall")
267
278
  }
268
279
  }
package/lib/globalCss.js CHANGED
@@ -70,7 +70,7 @@ const globalCss = exports.globalCss = (0, _dev.defineGlobalStyles)({
70
70
  textStyle: "body.article",
71
71
  width: "100%",
72
72
  // Non-figure block elements that should have margin above and below.
73
- '& details, blockquote, [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="blog-post"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
73
+ '& details, :not(li) > blockquote, [data-embed-type="framed-content"], [data-embed-type="factbox"], table, [data-embed-type="related-content-list"], [data-embed-type="link-block-list"], [data-embed-type="blog-post"], [data-embed-type="campaign-block"], [data-embed-type="key-figure"], [data-embed-type="grid"], [data-embed-type="contact-block"], [data-embed-type="file-list"], [data-embed-type="uu-disclaimer"]': {
74
74
  marginBlockStart: "xxlarge",
75
75
  marginBlockEnd: "xxlarge",
76
76
  tabletDown: {
package/lib/typography.js CHANGED
@@ -121,7 +121,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
121
121
  value: {
122
122
  fontFamily: "sans",
123
123
  fontWeight: "bold",
124
- letterSpacing: "-1",
124
+ letterSpacing: "-0.01em",
125
125
  ...sizes("4xlarge", "4xlarge"),
126
126
  mobileWideDown: {
127
127
  ...sizes("3xlarge", "3xlarge")
@@ -132,10 +132,10 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
132
132
  value: {
133
133
  fontFamily: "sans",
134
134
  fontWeight: "bold",
135
- letterSpacing: "-1",
135
+ letterSpacing: "-0.01em",
136
136
  ...sizes("3xlarge", "3xlarge"),
137
137
  mobileWideDown: {
138
- letterSpacing: "-2",
138
+ letterSpacing: "-0.01em",
139
139
  ...sizes("xxlarge", "xxlarge")
140
140
  }
141
141
  }
@@ -144,10 +144,9 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
144
144
  value: {
145
145
  fontFamily: "sans",
146
146
  fontWeight: "bold",
147
- letterSpacing: "-2",
147
+ letterSpacing: "-0.01em",
148
148
  ...sizes("xxlarge", "xxlarge"),
149
149
  mobileWideDown: {
150
- letterSpacing: "-1",
151
150
  ...sizes("xlarge", "xlarge")
152
151
  }
153
152
  }
@@ -158,7 +157,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
158
157
  value: {
159
158
  fontFamily: "sans",
160
159
  fontWeight: "bold",
161
- letterSpacing: "-1",
160
+ letterSpacing: "-0.01em",
162
161
  ...sizes("xlarge", "xlarge"),
163
162
  mobileWideDown: {
164
163
  ...sizes("large", "large")
@@ -169,7 +168,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
169
168
  value: {
170
169
  fontFamily: "sans",
171
170
  fontWeight: "bold",
172
- letterSpacing: "-1",
171
+ letterSpacing: "-0.01em",
173
172
  ...sizes("large", "large"),
174
173
  mobileWideDown: {
175
174
  ...sizes("medium", "small")
@@ -180,7 +179,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
180
179
  value: {
181
180
  fontFamily: "sans",
182
181
  fontWeight: "bold",
183
- letterSpacing: "-1",
182
+ letterSpacing: "-0.01em",
184
183
  ...sizes("medium", "small")
185
184
  }
186
185
  }
@@ -190,6 +189,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
190
189
  value: {
191
190
  fontFamily: "serif",
192
191
  fontWeight: "normal",
192
+ letterSpacing: "normal",
193
193
  ...sizes("medium", "medium")
194
194
  }
195
195
  },
@@ -197,6 +197,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
197
197
  value: {
198
198
  fontFamily: "serif",
199
199
  fontWeight: "normal",
200
+ letterSpacing: "normal",
200
201
  ...sizes("medium", "medium")
201
202
  }
202
203
  },
@@ -204,6 +205,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
204
205
  value: {
205
206
  fontFamily: "sans",
206
207
  fontWeight: "normal",
208
+ letterSpacing: "normal",
207
209
  ...sizes("medium", "medium")
208
210
  }
209
211
  },
@@ -211,6 +213,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
211
213
  value: {
212
214
  fontFamily: "sans",
213
215
  fontWeight: "normal",
216
+ letterSpacing: "normal",
214
217
  ...sizes("large", "large")
215
218
  }
216
219
  },
@@ -218,6 +221,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
218
221
  value: {
219
222
  fontFamily: "sans",
220
223
  fontWeight: "normal",
224
+ letterSpacing: "normal",
221
225
  ...sizes("medium", "medium")
222
226
  }
223
227
  },
@@ -225,6 +229,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
225
229
  value: {
226
230
  fontFamily: "sans",
227
231
  fontWeight: "normal",
232
+ letterSpacing: "normal",
228
233
  ...sizes("small", "small")
229
234
  }
230
235
  },
@@ -232,6 +237,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
232
237
  value: {
233
238
  fontFamily: "sans",
234
239
  fontWeight: "normal",
240
+ letterSpacing: "normal",
235
241
  ...sizes("xsmall", "xsmall")
236
242
  }
237
243
  }
@@ -241,12 +247,14 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
241
247
  value: {
242
248
  fontFamily: "sans",
243
249
  fontWeight: "normal",
250
+ letterSpacing: "normal",
244
251
  ...sizes("medium", "medium")
245
252
  },
246
253
  strong: {
247
254
  value: {
248
255
  fontFamily: "sans",
249
256
  fontWeight: "bold",
257
+ letterSpacing: "normal",
250
258
  ...sizes("medium", "medium")
251
259
  }
252
260
  }
@@ -255,6 +263,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
255
263
  value: {
256
264
  fontFamily: "sans",
257
265
  fontWeight: "normal",
266
+ letterSpacing: "normal",
258
267
  ...sizes("small", "small")
259
268
  }
260
269
  },
@@ -262,6 +271,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
262
271
  value: {
263
272
  fontFamily: "sans",
264
273
  fontWeight: "normal",
274
+ letterSpacing: "normal",
265
275
  ...sizes("xsmall", "xsmall")
266
276
  }
267
277
  },
@@ -269,6 +279,7 @@ const textStyles = exports.textStyles = (0, _dev.defineTextStyles)({
269
279
  value: {
270
280
  fontFamily: "sans",
271
281
  fontWeight: "normal",
282
+ letterSpacing: "normal",
272
283
  ...sizes("xxsmall", "xxsmall")
273
284
  }
274
285
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/preset-panda",
3
- "version": "0.0.32",
3
+ "version": "0.0.34",
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": "8bfa22e2ca1f9ee0638df252f56389807797e704"
40
+ "gitHead": "183d252ef9c40520099fadd2ee6a48e46eb1c71e"
41
41
  }