@utrecht/web-component-library-stencil 1.0.0-alpha.331 → 1.0.0-alpha.333

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 (8) hide show
  1. package/dist/cjs/utrecht-html-content.cjs.entry.js +1 -1
  2. package/dist/collection/html-content/index.css +347 -343
  3. package/dist/components/utrecht-html-content.js +1 -1
  4. package/dist/esm/utrecht-html-content.entry.js +1 -1
  5. package/dist/utrecht/p-8c129a75.entry.js +1 -0
  6. package/dist/utrecht/utrecht.esm.js +1 -1
  7. package/package.json +4 -4
  8. package/dist/utrecht/p-71573b78.entry.js +0 -1
package/dist/collection/html-content/index.css CHANGED
@@ -7,371 +7,375 @@
7
7
  * @license EUPL-1.2
8
8
  * Copyright (c) 2021 Robbert Broersma
9
9
  */
10
+ /**
11
+ * @license EUPL-1.2
12
+ * Copyright (c) 2021 Robbert Broersma
13
+ */
10
14
  /* Collection of all semantic HTML styles in the component library */
11
- /* stylelint-disable no-invalid-position-at-import-rule */
12
- .utrecht-html {
13
- --utrecht-space-around: 1;
14
- /**
15
- * @license EUPL-1.2
16
- * Copyright (c) 2020-2022 Gemeente Utrecht
17
- * Copyright (c) 2020-2022 Frameless B.V.
18
- */
19
- /**
20
- * @license EUPL-1.2
21
- * Copyright (c) 2020-2022 Gemeente Utrecht
22
- * Copyright (c) 2020-2022 Frameless B.V.
23
- */
24
- /**
25
- * @license EUPL-1.2
26
- * Copyright (c) 2021 Robbert Broersma
27
- */
28
- /**
29
- * @license EUPL-1.2
30
- * Copyright (c) 2021 Robbert Broersma
31
- */
32
- /**
33
- * @license EUPL-1.2
34
- * Copyright (c) 2021 Robbert Broersma
35
- */
36
- /**
37
- * @license EUPL-1.2
38
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
39
- * Copyright (c) 2021 Gemeente Utrecht
40
- */
41
- /**
42
- * @license EUPL-1.2
43
- * Copyright (c) 2021 Gemeente Utrecht
44
- * Copyright (c) 2021 Robbert Broersma
45
- */
46
- /* stylelint-disable-next-line block-no-empty */
47
- /* override the `:focus` selector above */
48
- /* stylelint-disable-next-line no-descending-specificity */
49
- /**
50
- * @license EUPL-1.2
51
- * Copyright (c) 2021 Robbert Broersma
52
- */
53
- /**
54
- * @license EUPL-1.2
55
- * Copyright (c) 2021 Robbert Broersma
56
- */
57
- /**
58
- * @license EUPL-1.2
59
- * Copyright (c) 2021 Gemeente Utrecht
60
- * Copyright (c) 2021 Robbert Broersma
61
- */
62
- /* stylelint-disable-next-line block-no-empty */
63
- /* stylelint-disable-next-line block-no-empty */
64
- /**
65
- * @license EUPL-1.2
66
- * Copyright (c) 2021 Robbert Broersma
67
- */
68
- /**
69
- * @license EUPL-1.2
70
- * Copyright (c) 2021 Robbert Broersma
71
- */
72
- /**
73
- * @license EUPL-1.2
74
- * Copyright (c) 2021 Robbert Broersma
75
- */
76
- /**
77
- * @license EUPL-1.2
78
- * Copyright (c) 2021 Robbert Broersma
79
- */
80
- /**
81
- * @license EUPL-1.2
82
- * Copyright (c) 2021 Robbert Broersma
83
- */
84
- /**
85
- * @license EUPL-1.2
86
- * Copyright (c) 2021 Robbert Broersma
87
- */
88
- /**
89
- * @license EUPL-1.2
90
- * Copyright (c) 2021 Robbert Broersma
91
- */
92
- /**
93
- * @license EUPL-1.2
94
- * Copyright (c) 2021 Robbert Broersma
95
- */
96
- /**
97
- * @license EUPL-1.2
98
- * Copyright (c) 2021 Robbert Broersma
99
- */
100
- /**
101
- * @license EUPL-1.2
102
- * Copyright (c) 2021 Gemeente Utrecht
103
- * Copyright (c) 2021 Robbert Broersma
104
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
105
- */
106
- /**
107
- * @license EUPL-1.2
108
- * Copyright (c) 2021-2022 Frameless B.V.
109
- */
110
- /**
111
- * @license EUPL-1.2
112
- * Copyright (c) 2021 Robbert Broersma
113
- */
114
- /**
115
- * @license EUPL-1.2
116
- * Copyright (c) 2021 Gemeente Utrecht
117
- * Copyright (c) 2021 Robbert Broersma
118
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
119
- */
120
- /**
121
- * @license EUPL-1.2
122
- * Copyright (c) 2021-2022 Frameless B.V.
123
- */
124
- /**
125
- * @license EUPL-1.2
126
- * Copyright (c) 2021 Robbert Broersma
127
- */
128
- /**
129
- * @license EUPL-1.2
130
- * Copyright (c) 2021 Gemeente Utrecht
131
- * Copyright (c) 2021 Robbert Broersma
132
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
133
- */
134
- /**
135
- * @license EUPL-1.2
136
- * Copyright (c) 2021-2022 Frameless B.V.
137
- */
138
- /**
139
- * @license EUPL-1.2
140
- * Copyright (c) 2021 Robbert Broersma
141
- */
142
- /**
143
- * @license EUPL-1.2
144
- * Copyright (c) 2021 Gemeente Utrecht
145
- * Copyright (c) 2021 Robbert Broersma
146
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
147
- */
148
- /**
149
- * @license EUPL-1.2
150
- * Copyright (c) 2021-2022 Frameless B.V.
151
- */
152
- /**
153
- * @license EUPL-1.2
154
- * Copyright (c) 2021 Robbert Broersma
155
- */
156
- /**
157
- * @license EUPL-1.2
158
- * Copyright (c) 2021 Gemeente Utrecht
159
- * Copyright (c) 2021 Robbert Broersma
160
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
161
- */
162
- /**
163
- * @license EUPL-1.2
164
- * Copyright (c) 2021-2022 Frameless B.V.
165
- */
166
- /**
167
- * @license EUPL-1.2
168
- * Copyright (c) 2021 Robbert Broersma
169
- */
170
- /**
171
- * @license EUPL-1.2
172
- * Copyright (c) 2021 Gemeente Utrecht
173
- * Copyright (c) 2021 Robbert Broersma
174
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
175
- */
176
- /**
177
- * @license EUPL-1.2
178
- * Copyright (c) 2021-2022 Frameless B.V.
179
- */
180
- /**
181
- * @license EUPL-1.2
182
- * Copyright (c) 2021 Robbert Broersma
183
- */
184
- /**
185
- * @license EUPL-1.2
186
- * Copyright (c) 2022 Gemeente Utrecht
187
- * Copyright (c) 2022 Robbert Broersma
188
- * Copyright (c) 2022 The Knights Who Say NIH! B.V.
189
- */
190
- /**
191
- * @license EUPL-1.2
192
- * Copyright (c) 2021 Robbert Broersma
193
- */
194
- /**
195
- * @license EUPL-1.2
196
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
197
- * Copyright (c) 2021 Gemeente Utrecht
198
- */
199
- /* stylelint-disable scss/no-global-function-names */
200
- /**
201
- * @license EUPL-1.2
202
- * Copyright (c) 2021 Gemeente Utrecht
203
- * Copyright (c) 2021 Robbert Broersma
204
- */
205
- /* stylelint-disable-next-line block-no-empty */
206
- /*
15
+ /**
16
+ * @license EUPL-1.2
17
+ * Copyright (c) 2020-2022 Gemeente Utrecht
18
+ * Copyright (c) 2020-2022 Frameless B.V.
19
+ */
20
+ /**
21
+ * @license EUPL-1.2
22
+ * Copyright (c) 2020-2022 Gemeente Utrecht
23
+ * Copyright (c) 2020-2022 Frameless B.V.
24
+ */
25
+ /**
26
+ * @license EUPL-1.2
27
+ * Copyright (c) 2021 Robbert Broersma
28
+ */
29
+ /**
30
+ * @license EUPL-1.2
31
+ * Copyright (c) 2021 Robbert Broersma
32
+ */
33
+ /**
34
+ * @license EUPL-1.2
35
+ * Copyright (c) 2021 Robbert Broersma
36
+ */
37
+ /**
38
+ * @license EUPL-1.2
39
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
40
+ * Copyright (c) 2021 Gemeente Utrecht
41
+ */
42
+ /**
43
+ * @license EUPL-1.2
44
+ * Copyright (c) 2021 Gemeente Utrecht
45
+ * Copyright (c) 2021 Robbert Broersma
46
+ */
47
+ /* stylelint-disable-next-line block-no-empty */
48
+ /**
49
+ * @license EUPL-1.2
50
+ * Copyright (c) 2021 Robbert Broersma
51
+ */
52
+ /**
53
+ * @license EUPL-1.2
54
+ * Copyright (c) 2021 Robbert Broersma
55
+ */
56
+ /**
57
+ * @license EUPL-1.2
58
+ * Copyright (c) 2021 Gemeente Utrecht
59
+ * Copyright (c) 2021 Robbert Broersma
60
+ */
61
+ /* stylelint-disable-next-line block-no-empty */
62
+ /* stylelint-disable-next-line block-no-empty */
63
+ /**
64
+ * @license EUPL-1.2
65
+ * Copyright (c) 2021 Robbert Broersma
66
+ */
67
+ /**
68
+ * @license EUPL-1.2
69
+ * Copyright (c) 2021 Robbert Broersma
70
+ */
71
+ /**
72
+ * @license EUPL-1.2
73
+ * Copyright (c) 2021 Robbert Broersma
74
+ */
75
+ /**
76
+ * @license EUPL-1.2
77
+ * Copyright (c) 2021 Robbert Broersma
78
+ */
79
+ /**
80
+ * @license EUPL-1.2
81
+ * Copyright (c) 2021 Robbert Broersma
82
+ */
83
+ /**
84
+ * @license EUPL-1.2
85
+ * Copyright (c) 2021 Robbert Broersma
86
+ */
87
+ /**
88
+ * @license EUPL-1.2
89
+ * Copyright (c) 2021 Robbert Broersma
90
+ */
91
+ /**
92
+ * @license EUPL-1.2
93
+ * Copyright (c) 2021 Robbert Broersma
94
+ */
95
+ /**
96
+ * @license EUPL-1.2
97
+ * Copyright (c) 2021 Robbert Broersma
98
+ */
99
+ /**
100
+ * @license EUPL-1.2
101
+ * Copyright (c) 2021 Gemeente Utrecht
102
+ * Copyright (c) 2021 Robbert Broersma
103
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
104
+ */
105
+ /**
106
+ * @license EUPL-1.2
107
+ * Copyright (c) 2021-2022 Frameless B.V.
108
+ */
109
+ /**
110
+ * @license EUPL-1.2
111
+ * Copyright (c) 2021 Robbert Broersma
112
+ */
113
+ /**
114
+ * @license EUPL-1.2
115
+ * Copyright (c) 2021 Gemeente Utrecht
116
+ * Copyright (c) 2021 Robbert Broersma
117
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
118
+ */
119
+ /**
120
+ * @license EUPL-1.2
121
+ * Copyright (c) 2021-2022 Frameless B.V.
122
+ */
123
+ /**
124
+ * @license EUPL-1.2
125
+ * Copyright (c) 2021 Robbert Broersma
126
+ */
127
+ /**
128
+ * @license EUPL-1.2
129
+ * Copyright (c) 2021 Gemeente Utrecht
130
+ * Copyright (c) 2021 Robbert Broersma
131
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
132
+ */
133
+ /**
134
+ * @license EUPL-1.2
135
+ * Copyright (c) 2021-2022 Frameless B.V.
136
+ */
137
+ /**
138
+ * @license EUPL-1.2
139
+ * Copyright (c) 2021 Robbert Broersma
140
+ */
141
+ /**
142
+ * @license EUPL-1.2
143
+ * Copyright (c) 2021 Gemeente Utrecht
144
+ * Copyright (c) 2021 Robbert Broersma
145
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
146
+ */
147
+ /**
148
+ * @license EUPL-1.2
149
+ * Copyright (c) 2021-2022 Frameless B.V.
150
+ */
151
+ /**
152
+ * @license EUPL-1.2
153
+ * Copyright (c) 2021 Robbert Broersma
154
+ */
155
+ /**
156
+ * @license EUPL-1.2
157
+ * Copyright (c) 2021 Gemeente Utrecht
158
+ * Copyright (c) 2021 Robbert Broersma
159
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
160
+ */
161
+ /**
162
+ * @license EUPL-1.2
163
+ * Copyright (c) 2021-2022 Frameless B.V.
164
+ */
165
+ /**
166
+ * @license EUPL-1.2
167
+ * Copyright (c) 2021 Robbert Broersma
168
+ */
169
+ /**
170
+ * @license EUPL-1.2
171
+ * Copyright (c) 2021 Gemeente Utrecht
172
+ * Copyright (c) 2021 Robbert Broersma
173
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
174
+ */
175
+ /**
176
+ * @license EUPL-1.2
177
+ * Copyright (c) 2021-2022 Frameless B.V.
178
+ */
179
+ /**
180
+ * @license EUPL-1.2
181
+ * Copyright (c) 2021 Robbert Broersma
182
+ */
183
+ /**
184
+ * @license EUPL-1.2
185
+ * Copyright (c) 2022 Gemeente Utrecht
186
+ * Copyright (c) 2022 Robbert Broersma
187
+ * Copyright (c) 2022 The Knights Who Say NIH! B.V.
188
+ */
189
+ /**
190
+ * @license EUPL-1.2
191
+ * Copyright (c) 2021 Robbert Broersma
192
+ */
193
+ /**
194
+ * @license EUPL-1.2
195
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
196
+ * Copyright (c) 2021 Gemeente Utrecht
197
+ */
198
+ /* stylelint-disable scss/no-global-function-names */
199
+ /**
200
+ * @license EUPL-1.2
201
+ * Copyright (c) 2021 Gemeente Utrecht
202
+ * Copyright (c) 2021 Robbert Broersma
203
+ */
204
+ /* stylelint-disable-next-line block-no-empty */
205
+ /*
207
206
 
208
- # CSS implementation
207
+ # CSS implementation
209
208
 
210
- ## `text-decoration-skip`
209
+ ## `text-decoration-skip`
211
210
 
212
- `text-decoration-skip` can be helpful to avoid making some texts unreadable.
213
- For example by obscuring Arabic diacritics.
211
+ `text-decoration-skip` can be helpful to avoid making some texts unreadable.
212
+ For example by obscuring Arabic diacritics.
214
213
 
215
- However, the combination of a greater thickness and skipping this thick underline
216
- leads to a very unappealing rendering of the underline. To avoid this,
217
- `text-decoration-skip` is disabled for interactive states.
214
+ However, the combination of a greater thickness and skipping this thick underline
215
+ leads to a very unappealing rendering of the underline. To avoid this,
216
+ `text-decoration-skip` is disabled for interactive states.
218
217
 
219
- For design token configurations that have identical thickness for normal and interactive
220
- states, this will lead to the (undesirable) effect that the focus/hover effect is switching
221
- from an interrupted to an uninterrupted underline (for some texts).
218
+ For design token configurations that have identical thickness for normal and interactive
219
+ states, this will lead to the (undesirable) effect that the focus/hover effect is switching
220
+ from an interrupted to an uninterrupted underline (for some texts).
222
221
 
223
- Apart from making `skip-ink` configurable for normal/focus/hover, there is no good solution yet.
222
+ Apart from making `skip-ink` configurable for normal/focus/hover, there is no good solution yet.
224
223
 
225
- ---
224
+ ---
226
225
 
227
- Disabling `text-decoration-skip` for interactive states obscures some texts, and we assume for now
228
- that moving the pointer away from a link or having focus elsewhere first is simple enough to
229
- not make this too inconvenient.
226
+ Disabling `text-decoration-skip` for interactive states obscures some texts, and we assume for now
227
+ that moving the pointer away from a link or having focus elsewhere first is simple enough to
228
+ not make this too inconvenient.
230
229
 
231
- ---
230
+ ---
232
231
 
233
- Some folks implement the underline of links using `border-bottom` or even using a finely crafted
234
- `linear-gradient()` with a solid color at the bottom and transparent behind the text. These approaches
235
- would unfortunately not be able to provide the improved readability of `text-decoration-skip`.
232
+ Some folks implement the underline of links using `border-bottom` or even using a finely crafted
233
+ `linear-gradient()` with a solid color at the bottom and transparent behind the text. These approaches
234
+ would unfortunately not be able to provide the improved readability of `text-decoration-skip`.
236
235
 
237
- ## `text-decoration-thickness`
236
+ ## `text-decoration-thickness`
238
237
 
239
- Varying `text-decoration-thickness` can be used to distinguish interactive states.
238
+ Varying `text-decoration-thickness` can be used to distinguish interactive states.
240
239
 
241
- ---
240
+ ---
242
241
 
243
- `text-decoration-thickness` appears to have rendering differences between Chrome and Safari.
244
- In Safari the line becomes thicker with extra pixels added to the bottom, while in Chrome
245
- the underline offset also seems to increase along with the thickness, which effectively means
246
- the underline is closer to the next line than in Safari.
242
+ `text-decoration-thickness` appears to have rendering differences between Chrome and Safari.
243
+ In Safari the line becomes thicker with extra pixels added to the bottom, while in Chrome
244
+ the underline offset also seems to increase along with the thickness, which effectively means
245
+ the underline is closer to the next line than in Safari.
247
246
 
248
- ---
247
+ ---
249
248
 
250
- It might be nice to use font-relative units for `text-decoration-thickness`, and that is why we
251
- use the `max()` function to ensure the underline remains visible for every font size.
249
+ It might be nice to use font-relative units for `text-decoration-thickness`, and that is why we
250
+ use the `max()` function to ensure the underline remains visible for every font size.
252
251
 
253
- ## `transition`
252
+ ## `transition`
254
253
 
255
- `text-decoration-thickness` could be a candidate for animating between interactive states,
256
- however browsers don't seem to have implemented great looking supixel tweening yet.
254
+ `text-decoration-thickness` could be a candidate for animating between interactive states,
255
+ however browsers don't seem to have implemented great looking supixel tweening yet.
257
256
 
258
- `text-decoration-skip` also makes the transition more challenging to implement.
257
+ `text-decoration-skip` also makes the transition more challenging to implement.
259
258
 
260
- */
261
- /* stylelint-disable-next-line block-no-empty */
262
- /* stylelint-disable-next-line block-no-empty */
263
- /* stylelint-disable-next-line block-no-empty */
264
- /* stylelint-disable-next-line block-no-empty */
265
- /**
266
- * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
267
- *
268
- * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
269
- */
270
- /**
271
- * @license EUPL-1.2
272
- * Copyright (c) 2021 Robbert Broersma
273
- */
274
- /**
275
- * @license EUPL-1.2
276
- * Copyright (c) 2021 Robbert Broersma
277
- * Copyright (c) 2021 Gemeente Utrecht
278
- */
279
- /**
280
- * @license EUPL-1.2
281
- * Copyright (c) 2021 Robbert Broersma
282
- */
283
- /**
284
- * @license EUPL-1.2
285
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
286
- */
287
- /* stylelint-disable selector-class-pattern */
288
- /**
289
- * @license EUPL-1.2
290
- * Copyright (c) 2021 Gemeente Utrecht
291
- */
292
- /**
293
- * @license EUPL-1.2
294
- * Copyright (c) 2021 Gemeente Utrecht
295
- */
296
- /**
297
- * @license EUPL-1.2
298
- * Copyright (c) 2021 Gemeente Utrecht
299
- * Copyright (c) 2021 Robbert Broersma
300
- */
301
- /* stylelint-disable-next-line block-no-empty */
302
- /* stylelint-disable-next-line block-no-empty */
303
- /**
304
- * @license EUPL-1.2
305
- * Copyright (c) 2021 Robbert Broersma
306
- */
307
- /**
308
- * @license EUPL-1.2
309
- * Copyright (c) 2021 Robbert Broersma
310
- */
311
- /**
312
- * @license EUPL-1.2
313
- * Copyright (c) 2021 Gemeente Utrecht
314
- * Copyright (c) 2021 Robbert Broersma
315
- */
316
- /* stylelint-disable-next-line block-no-empty */
317
- /* stylelint-disable-next-line block-no-empty */
318
- /**
319
- * @license EUPL-1.2
320
- * Copyright (c) 2021 Robbert Broersma
321
- */
322
- /**
323
- * @license EUPL-1.2
324
- * Copyright (c) 2021 Gemeente Utrecht
325
- * Copyright (c) 2021 Robbert Broersma
326
- * Copyright (c) 2021 The Knights Who Say NIH! B.V.
327
- */
328
- /**
329
- * @license EUPL-1.2
330
- * Copyright (c) 2021 Robbert Broersma
331
- */
332
- /**
333
- * @license EUPL-1.2
334
- * Copyright (c) 2021 Robbert Broersma
335
- */
336
- /* stylelint-disable-next-line block-no-empty */
259
+ */
260
+ /* stylelint-disable-next-line block-no-empty */
261
+ /* stylelint-disable-next-line block-no-empty */
262
+ /* stylelint-disable-next-line block-no-empty */
263
+ /* stylelint-disable-next-line block-no-empty */
264
+ /**
265
+ * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
266
+ *
267
+ * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
268
+ */
269
+ /**
270
+ * @license EUPL-1.2
271
+ * Copyright (c) 2021 Robbert Broersma
272
+ */
273
+ /**
274
+ * @license EUPL-1.2
275
+ * Copyright (c) 2021 Robbert Broersma
276
+ * Copyright (c) 2021 Gemeente Utrecht
277
+ */
278
+ /**
279
+ * @license EUPL-1.2
280
+ * Copyright (c) 2021 Robbert Broersma
281
+ */
282
+ /**
283
+ * @license EUPL-1.2
284
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
285
+ */
286
+ /**
287
+ * @license EUPL-1.2
288
+ * Copyright (c) 2021 Gemeente Utrecht
289
+ */
290
+ /**
291
+ * @license EUPL-1.2
292
+ * Copyright (c) 2021 Gemeente Utrecht
293
+ */
294
+ /**
295
+ * @license EUPL-1.2
296
+ * Copyright (c) 2021 Gemeente Utrecht
297
+ * Copyright (c) 2021 Robbert Broersma
298
+ */
299
+ /* stylelint-disable-next-line block-no-empty */
300
+ /* stylelint-disable-next-line block-no-empty */
301
+ /**
302
+ * @license EUPL-1.2
303
+ * Copyright (c) 2021 Robbert Broersma
304
+ */
305
+ /**
306
+ * @license EUPL-1.2
307
+ * Copyright (c) 2021 Robbert Broersma
308
+ */
309
+ /**
310
+ * @license EUPL-1.2
311
+ * Copyright (c) 2021 Gemeente Utrecht
312
+ * Copyright (c) 2021 Robbert Broersma
313
+ */
314
+ /* stylelint-disable-next-line block-no-empty */
315
+ /* stylelint-disable-next-line block-no-empty */
316
+ /**
317
+ * @license EUPL-1.2
318
+ * Copyright (c) 2021 Robbert Broersma
319
+ */
320
+ /**
321
+ * @license EUPL-1.2
322
+ * Copyright (c) 2021 Gemeente Utrecht
323
+ * Copyright (c) 2021 Robbert Broersma
324
+ * Copyright (c) 2021 The Knights Who Say NIH! B.V.
325
+ */
326
+ /**
327
+ * @license EUPL-1.2
328
+ * Copyright (c) 2021 Robbert Broersma
329
+ */
330
+ /**
331
+ * @license EUPL-1.2
332
+ * Copyright (c) 2021 Robbert Broersma
333
+ */
334
+ /* stylelint-disable-next-line block-no-empty */
335
+ /* stylelint-disable selector-class-pattern */
336
+ /**
337
+ * @license EUPL-1.2
338
+ * Copyright (c) 2021 Robbert Broersma
339
+ */
340
+ /**
341
+ * @license EUPL-1.2
342
+ * Copyright (c) 2021 Robbert Broersma
343
+ */
344
+ /**
345
+ * @license EUPL-1.2
346
+ * Copyright (c) 2021 Gemeente Utrecht
347
+ * Copyright (c) 2021 Robbert Broersma
348
+ */
349
+ /* stylelint-disable-next-line block-no-empty */
350
+ /**
351
+ * @license EUPL-1.2
352
+ * Copyright (c) 2021 Robbert Broersma
353
+ */
354
+ /**
355
+ * @license EUPL-1.2
356
+ * Copyright (c) 2021 Robbert Broersma
357
+ */
358
+ /**
359
+ * @license EUPL-1.2
360
+ * Copyright (c) 2021 Gemeente Utrecht
361
+ * Copyright (c) 2021 Robbert Broersma
362
+ */
363
+ /* stylelint-disable-next-line block-no-empty */
364
+ /**
365
+ * @license EUPL-1.2
366
+ * Copyright (c) 2021 Robbert Broersma
367
+ */
368
+ /**
369
+ * @license EUPL-1.2
370
+ * Copyright (c) 2021 Robbert Broersma
371
+ * Copyright (c) 2021 Gemeente Utrecht
372
+ */
373
+ /* Collection of all semantic HTML styles in the component library */
374
+ .utrecht-html {
375
+ /* override the `:focus` selector above */
376
+ /* stylelint-disable-next-line no-descending-specificity */
337
377
  /* stylelint-disable selector-class-pattern */
338
- /**
339
- * @license EUPL-1.2
340
- * Copyright (c) 2021 Robbert Broersma
341
- */
342
- /**
343
- * @license EUPL-1.2
344
- * Copyright (c) 2021 Robbert Broersma
345
- */
346
- /**
347
- * @license EUPL-1.2
348
- * Copyright (c) 2021 Gemeente Utrecht
349
- * Copyright (c) 2021 Robbert Broersma
350
- */
351
- /* stylelint-disable-next-line block-no-empty */
352
- /**
353
- * @license EUPL-1.2
354
- * Copyright (c) 2021 Robbert Broersma
355
- */
356
- /**
357
- * @license EUPL-1.2
358
- * Copyright (c) 2021 Robbert Broersma
359
- */
360
- /**
361
- * @license EUPL-1.2
362
- * Copyright (c) 2021 Gemeente Utrecht
363
- * Copyright (c) 2021 Robbert Broersma
364
- */
365
- /* stylelint-disable-next-line block-no-empty */
366
- /**
367
- * @license EUPL-1.2
368
- * Copyright (c) 2021 Robbert Broersma
369
- */
370
- /**
371
- * @license EUPL-1.2
372
- * Copyright (c) 2021 Robbert Broersma
373
- * Copyright (c) 2021 Gemeente Utrecht
374
- */
378
+ --utrecht-space-around: 1;
375
379
  }
376
380
  .utrecht-html article {
377
381
  max-inline-size: var(--utrecht-article-max-inline-size);