@utrecht/component-library-css 1.0.0-alpha.333 → 1.0.0-alpha.334

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