@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0
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.
- package/CHANGELOG.md +34 -0
- package/README.md +153 -12
- package/dist/_variables.scss +772 -743
- package/dist/index.css +772 -743
- package/dist/index.d.ts +545 -516
- package/dist/index.js +609 -580
- package/dist/index.json +608 -579
- package/dist/index.tokens.json +1664 -1613
- package/dist/root.css +772 -743
- package/dist/tokens.d.ts +1569 -1518
- package/dist/tokens.js +22875 -22078
- package/dist/uitvoerend-groen/_variables.scss +1337 -0
- package/dist/uitvoerend-groen/index.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +442 -418
- package/dist/uitvoerend-groen/index.js +1338 -0
- package/dist/uitvoerend-groen/index.json +1335 -0
- package/dist/uitvoerend-groen/index.tokens.json +2049 -0
- package/dist/uitvoerend-groen/root.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +646 -628
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.js +14276 -13624
- package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
- package/dist/uitvoerend-hemelblauw/index.css +1340 -0
- package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
- package/dist/uitvoerend-hemelblauw/index.js +1338 -0
- package/dist/uitvoerend-hemelblauw/index.json +1335 -0
- package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
- package/dist/uitvoerend-hemelblauw/root.css +1340 -0
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
- package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +533 -509
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +534 -510
- package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +507 -483
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +506 -482
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +734 -716
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +533 -509
- package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
- package/dist/uitvoerend-mintgroen/tokens.js +31258 -0
- package/dist/uitvoerend-oranje/_variables.scss +1337 -0
- package/dist/uitvoerend-oranje/index.css +1340 -0
- package/dist/uitvoerend-oranje/index.d.ts +1338 -0
- package/dist/uitvoerend-oranje/index.js +1338 -0
- package/dist/uitvoerend-oranje/index.json +1335 -0
- package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
- package/dist/uitvoerend-oranje/root.css +1340 -0
- package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
- package/dist/uitvoerend-oranje/tokens.js +31258 -0
- package/dist/uitvoerend-paars/_variables.scss +1337 -0
- package/dist/uitvoerend-paars/index.css +1340 -0
- package/dist/uitvoerend-paars/index.d.ts +1338 -0
- package/dist/uitvoerend-paars/index.js +1338 -0
- package/dist/uitvoerend-paars/index.json +1335 -0
- package/dist/uitvoerend-paars/index.tokens.json +2049 -0
- package/dist/uitvoerend-paars/root.css +1340 -0
- package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
- package/dist/uitvoerend-paars/tokens.js +31258 -0
- package/dist/uitvoerend-violet/_variables.scss +231 -202
- package/dist/uitvoerend-violet/index.css +231 -202
- package/dist/uitvoerend-violet/index.d.ts +102 -73
- package/dist/uitvoerend-violet/index.js +231 -202
- package/dist/uitvoerend-violet/index.json +230 -201
- package/dist/uitvoerend-violet/index.tokens.json +281 -230
- package/dist/uitvoerend-violet/root.css +231 -202
- package/dist/uitvoerend-violet/tokens.d.ts +151 -100
- package/dist/uitvoerend-violet/tokens.js +16369 -15572
- package/dist/uitvoerend-violet-oud/_variables.scss +231 -201
- package/dist/uitvoerend-violet-oud/index.css +231 -201
- package/dist/uitvoerend-violet-oud/index.d.ts +102 -72
- package/dist/uitvoerend-violet-oud/index.js +231 -201
- package/dist/uitvoerend-violet-oud/index.json +230 -200
- package/dist/uitvoerend-violet-oud/index.tokens.json +281 -229
- package/dist/uitvoerend-violet-oud/root.css +231 -201
- package/dist/uitvoerend-violet-oud/tokens.d.ts +151 -99
- package/dist/uitvoerend-violet-oud/tokens.js +12621 -11803
- package/dist/wetgevend/_variables.scss +171 -142
- package/dist/wetgevend/index.css +171 -142
- package/dist/wetgevend/index.d.ts +102 -73
- package/dist/wetgevend/index.js +171 -142
- package/dist/wetgevend/index.json +170 -141
- package/dist/wetgevend/index.tokens.json +221 -170
- package/dist/wetgevend/root.css +171 -142
- package/dist/wetgevend/tokens.d.ts +151 -100
- package/dist/wetgevend/tokens.js +12217 -11420
- package/figma/figma.tokens.json +2428 -556
- package/package.json +1 -1
- package/src/generated/base.tokens.json +4520 -4338
- package/src/generated/themes.json +28993 -3285
- package/src/generated/uitvoerend-groen/tokens.json +6252 -0
- package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
- package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +2374 -2240
- package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
- package/src/generated/uitvoerend-paars/tokens.json +6252 -0
- package/src/generated/uitvoerend-violet/tokens.json +640 -458
- package/src/generated/uitvoerend-violet-oud/tokens.json +643 -457
- package/src/generated/wetgevend/tokens.json +602 -420
package/dist/wetgevend/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 May 2025 13:07:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
--nl-number-badge-color: #fff;
|
|
10
10
|
--nl-number-badge-border-color: transparent;
|
|
11
11
|
--nl-number-badge-background-color: #154273;
|
|
12
|
-
--nl-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
12
|
+
--nl-number-badge-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
13
13
|
--nl-number-badge-border-radius: 999px;
|
|
14
14
|
--nl-number-badge-border-width: 0px;
|
|
15
15
|
--nl-number-badge-font-weight: 700;
|
|
@@ -22,40 +22,40 @@
|
|
|
22
22
|
--nl-heading-level-5-font-size: 1.25rem;
|
|
23
23
|
--nl-heading-level-5-line-height: 125%;
|
|
24
24
|
--nl-heading-level-5-font-weight: 700;
|
|
25
|
-
--nl-heading-level-5-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
25
|
+
--nl-heading-level-5-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
26
26
|
--nl-heading-level-5-color: #154273;
|
|
27
27
|
--nl-heading-level-4-margin-block-start: 0;
|
|
28
28
|
--nl-heading-level-4-margin-block-end: 0;
|
|
29
29
|
--nl-heading-level-4-font-size: 1.5rem;
|
|
30
30
|
--nl-heading-level-4-line-height: 125%;
|
|
31
31
|
--nl-heading-level-4-font-weight: 700;
|
|
32
|
-
--nl-heading-level-4-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
32
|
+
--nl-heading-level-4-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
33
33
|
--nl-heading-level-4-color: #154273;
|
|
34
34
|
--nl-heading-level-3-margin-block-start: 0;
|
|
35
35
|
--nl-heading-level-3-margin-block-end: 0;
|
|
36
36
|
--nl-heading-level-3-font-size: 1.875rem;
|
|
37
37
|
--nl-heading-level-3-line-height: 125%;
|
|
38
38
|
--nl-heading-level-3-font-weight: 700;
|
|
39
|
-
--nl-heading-level-3-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
39
|
+
--nl-heading-level-3-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
40
40
|
--nl-heading-level-3-color: #154273;
|
|
41
41
|
--nl-heading-level-2-margin-block-start: 0;
|
|
42
42
|
--nl-heading-level-2-margin-block-end: 0;
|
|
43
43
|
--nl-heading-level-2-font-size: 2.5rem;
|
|
44
44
|
--nl-heading-level-2-line-height: 125%;
|
|
45
45
|
--nl-heading-level-2-font-weight: 700;
|
|
46
|
-
--nl-heading-level-2-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
46
|
+
--nl-heading-level-2-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
47
47
|
--nl-heading-level-2-color: #154273;
|
|
48
48
|
--nl-heading-level-1-margin-block-start: 0;
|
|
49
49
|
--nl-heading-level-1-margin-block-end: 0;
|
|
50
50
|
--nl-heading-level-1-font-size: 3.125rem;
|
|
51
51
|
--nl-heading-level-1-line-height: 125%;
|
|
52
52
|
--nl-heading-level-1-font-weight: 700;
|
|
53
|
-
--nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
53
|
+
--nl-heading-level-1-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
54
54
|
--nl-heading-level-1-color: #154273;
|
|
55
55
|
--nl-link-line-height: 150%;
|
|
56
56
|
--nl-link-font-size: 1.25rem;
|
|
57
57
|
--nl-link-font-weight: 400;
|
|
58
|
-
--nl-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
58
|
+
--nl-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
59
59
|
--nl-link-text-underline-offset: 0.125rem;
|
|
60
60
|
--nl-link-text-decoration-thickness: auto;
|
|
61
61
|
--nl-link-column-gap: 0.25rem;
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
--nl-paragraph-line-height: 150%;
|
|
84
84
|
--nl-paragraph-font-weight: 400;
|
|
85
85
|
--nl-paragraph-font-size: 1.25rem;
|
|
86
|
-
--nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
86
|
+
--nl-paragraph-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
87
87
|
--nl-paragraph-color: #0F172A;
|
|
88
88
|
--nl-skip-link-text-underline-offset: 0.125rem;
|
|
89
89
|
--nl-skip-link-text-decoration: underline;
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
--nl-skip-link-min-block-size: 48px;
|
|
112
112
|
--nl-skip-link-line-height: 150%;
|
|
113
113
|
--nl-skip-link-font-size: 1.25rem;
|
|
114
|
-
--nl-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
114
|
+
--nl-skip-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
115
115
|
--nl-skip-link-font-weight: 700;
|
|
116
116
|
--rhc-space-700: 3.5rem;
|
|
117
117
|
--rhc-space-600: 3rem;
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
--rhc-border-width-m: 2px;
|
|
129
129
|
--rhc-border-width-default: 1px;
|
|
130
130
|
--rhc-font-family-secondary: RijksoverheidSerifWeb, 'Times New Roman', serif;
|
|
131
|
-
--rhc-font-family-primary: Fira Sans, Arial, Verdana, sans-serif;
|
|
131
|
+
--rhc-font-family-primary: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
132
132
|
--rhc-font-weight-thin: 200;
|
|
133
133
|
--rhc-font-weight-light: 300;
|
|
134
134
|
--rhc-font-weight-chosen-regular: 400;
|
|
@@ -300,6 +300,7 @@
|
|
|
300
300
|
--rhc-color-primary-200: #95a9c0;
|
|
301
301
|
--rhc-color-primary-100: #b8c6d5;
|
|
302
302
|
--rhc-color-primary-50: #dce3ea;
|
|
303
|
+
--rhc-color-accent-2-500: #f092cd;
|
|
303
304
|
--rhc-color-accent-500: #8fcae7;
|
|
304
305
|
--rhc-color-feedback-warning-subdued: #fff4db;
|
|
305
306
|
--rhc-color-feedback-warning-default: #ffb612;
|
|
@@ -313,32 +314,17 @@
|
|
|
313
314
|
--rhc-color-border-strong: #0F172A;
|
|
314
315
|
--rhc-color-border-subdued: #94A3B8;
|
|
315
316
|
--rhc-color-border-default: #64748B;
|
|
316
|
-
--rhc-color-foreground-link: #01689b;
|
|
317
317
|
--rhc-color-foreground-on-emphasis: #fff;
|
|
318
|
+
--rhc-color-foreground-on-light-color: #000;
|
|
319
|
+
--rhc-color-foreground-on-dark-color: #fff;
|
|
320
|
+
--rhc-color-foreground-link: #01689b;
|
|
318
321
|
--rhc-color-foreground-subdued: #334155;
|
|
319
322
|
--rhc-color-foreground-default: #0F172A;
|
|
320
323
|
--rhc-color-focus-outline: #000;
|
|
321
324
|
--rhc-border-radius-none: 0px;
|
|
322
325
|
--rhc-border-radius-circle: 999px;
|
|
323
|
-
--rhc-border-radius-keep: 48px;
|
|
324
326
|
--rhc-border-radius-md: 5px;
|
|
325
327
|
--rhc-border-radius-sm: 2.5px;
|
|
326
|
-
--rhc-keep-bottom-left-border-radius-bottom-left: 48px;
|
|
327
|
-
--rhc-keep-bottom-left-border-radius-bottom-right: 0;
|
|
328
|
-
--rhc-keep-bottom-left-border-radius-top-right: 0;
|
|
329
|
-
--rhc-keep-bottom-left-border-radius-top-left: 0;
|
|
330
|
-
--rhc-keep-bottom-right-border-radius-bottom-left: 0;
|
|
331
|
-
--rhc-keep-bottom-right-border-radius-bottom-right: 48px;
|
|
332
|
-
--rhc-keep-bottom-right-border-radius-top-right: 0;
|
|
333
|
-
--rhc-keep-bottom-right-border-radius-top-left: 0;
|
|
334
|
-
--rhc-keep-top-right-border-radius-bottom-left: 0;
|
|
335
|
-
--rhc-keep-top-right-border-radius-bottom-right: 0;
|
|
336
|
-
--rhc-keep-top-right-border-radius-top-left: 0;
|
|
337
|
-
--rhc-keep-top-right-border-radius-top-right: 48px;
|
|
338
|
-
--rhc-keep-top-left-border-radius-bottom-left: 0;
|
|
339
|
-
--rhc-keep-top-left-border-radius-bottom-right: 0;
|
|
340
|
-
--rhc-keep-top-left-border-radius-top-right: 0;
|
|
341
|
-
--rhc-keep-top-left-border-radius-top-left: 48px;
|
|
342
328
|
--rhc-accordion-color: #0F172A;
|
|
343
329
|
--rhc-accordion-border-radius: 0px;
|
|
344
330
|
--rhc-accordion-header-margin: 0;
|
|
@@ -355,7 +341,7 @@
|
|
|
355
341
|
--rhc-accordion-button-line-height: 150%;
|
|
356
342
|
--rhc-accordion-button-font-weight: 400;
|
|
357
343
|
--rhc-accordion-button-font-size: 1.25rem;
|
|
358
|
-
--rhc-accordion-button-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
344
|
+
--rhc-accordion-button-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
359
345
|
--rhc-card-as-link-horizontal-heading-inline-size: 200px;
|
|
360
346
|
--rhc-card-as-link-horizontal-padding-inline-start: 1rem;
|
|
361
347
|
--rhc-card-as-link-horizontal-padding-inline-end: 1rem;
|
|
@@ -458,11 +444,11 @@
|
|
|
458
444
|
--rhc-hero-message-row-gap: 0.125rem;
|
|
459
445
|
--rhc-hero-message-color: #fff;
|
|
460
446
|
--rhc-hero-message-background-color: #154273;
|
|
461
|
-
--rhc-hero-sub-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
447
|
+
--rhc-hero-sub-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
462
448
|
--rhc-hero-sub-heading-font-size: 1.25rem;
|
|
463
449
|
--rhc-hero-sub-heading-line-height: 150%;
|
|
464
450
|
--rhc-hero-sub-heading-font-weight: 400;
|
|
465
|
-
--rhc-hero-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
451
|
+
--rhc-hero-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
466
452
|
--rhc-hero-heading-font-size: 1.875rem;
|
|
467
453
|
--rhc-hero-heading-line-height: 125%;
|
|
468
454
|
--rhc-hero-heading-font-weight: 700;
|
|
@@ -478,7 +464,7 @@
|
|
|
478
464
|
--rhc-link-list-card-padding-block-start: 1.5rem;
|
|
479
465
|
--rhc-link-list-card-background-color: #fff;
|
|
480
466
|
--rhc-logo-color: #154273;
|
|
481
|
-
--rhc-logo-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
467
|
+
--rhc-logo-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
482
468
|
--rhc-logo-column-gap: 12px;
|
|
483
469
|
--rhc-logo-subtitle-font-size: 0.775rem;
|
|
484
470
|
--rhc-logo-subtitle-line-height: 1rem;
|
|
@@ -495,7 +481,7 @@
|
|
|
495
481
|
--rhc-message-list-item-label-line-height: 150%;
|
|
496
482
|
--rhc-message-list-item-label-font-weight: 700;
|
|
497
483
|
--rhc-message-list-item-label-font-size: 1.25rem;
|
|
498
|
-
--rhc-message-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
484
|
+
--rhc-message-list-item-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
499
485
|
--rhc-message-list-item-content-row-gap: 0.5rem;
|
|
500
486
|
--rhc-message-list-item-content-column-gap: 0.5rem;
|
|
501
487
|
--rhc-message-list-item-content-font-size: 1.125rem;
|
|
@@ -549,7 +535,7 @@
|
|
|
549
535
|
--rhc-navigation-list-item-label-line-height: 150%;
|
|
550
536
|
--rhc-navigation-list-item-label-font-weight: 700;
|
|
551
537
|
--rhc-navigation-list-item-label-font-size: 1.875rem;
|
|
552
|
-
--rhc-navigation-list-item-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
538
|
+
--rhc-navigation-list-item-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
553
539
|
--rhc-navigation-list-item-content-row-gap: 0.25rem;
|
|
554
540
|
--rhc-navigation-list-item-content-column-gap: 0.5rem;
|
|
555
541
|
--rhc-navigation-list-item-content-font-size: 1.125rem;
|
|
@@ -581,7 +567,7 @@
|
|
|
581
567
|
--rhc-sidenav-link-current-color: #0F172A;
|
|
582
568
|
--rhc-sidenav-link-current-font-weight: 700;
|
|
583
569
|
--rhc-sidenav-link-font-weight: 400;
|
|
584
|
-
--rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
570
|
+
--rhc-sidenav-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
585
571
|
--rhc-sidenav-link-font-size: 1.25rem;
|
|
586
572
|
--rhc-sidenav-link-icon-margin-inline: 0.5rem;
|
|
587
573
|
--rhc-sidenav-link-icon-size: 24px;
|
|
@@ -611,6 +597,27 @@
|
|
|
611
597
|
--rhc-sub-nav-bar-column-width: 375px;
|
|
612
598
|
--rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
613
599
|
--rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
600
|
+
--rhc-rounded-corner-border-width: 2px;
|
|
601
|
+
--rhc-rounded-corner-xl-border-radius: 96px;
|
|
602
|
+
--rhc-rounded-corner-md-border-radius: 48px;
|
|
603
|
+
--rhc-rounded-corner-xs-border-radius: 24px;
|
|
604
|
+
--rhc-keep-bottom-left-border-radius-bottom-left: 48px;
|
|
605
|
+
--rhc-keep-bottom-left-border-radius-bottom-right: 0;
|
|
606
|
+
--rhc-keep-bottom-left-border-radius-top-right: 0;
|
|
607
|
+
--rhc-keep-bottom-left-border-radius-top-left: 0;
|
|
608
|
+
--rhc-keep-bottom-right-border-radius-bottom-left: 0;
|
|
609
|
+
--rhc-keep-bottom-right-border-radius-bottom-right: 48px;
|
|
610
|
+
--rhc-keep-bottom-right-border-radius-top-right: 0;
|
|
611
|
+
--rhc-keep-bottom-right-border-radius-top-left: 0;
|
|
612
|
+
--rhc-keep-top-right-border-radius-bottom-left: 0;
|
|
613
|
+
--rhc-keep-top-right-border-radius-bottom-right: 0;
|
|
614
|
+
--rhc-keep-top-right-border-radius-top-left: 0;
|
|
615
|
+
--rhc-keep-top-right-border-radius-top-right: 48px;
|
|
616
|
+
--rhc-keep-top-left-border-radius-bottom-left: 0;
|
|
617
|
+
--rhc-keep-top-left-border-radius-bottom-right: 0;
|
|
618
|
+
--rhc-keep-top-left-border-radius-top-right: 0;
|
|
619
|
+
--rhc-keep-top-left-border-radius-top-left: 48px;
|
|
620
|
+
--rhc-keep-comment: ⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.;
|
|
614
621
|
--utrecht-focus-inverse-outline-color: #fff;
|
|
615
622
|
--utrecht-focus-outline-width: 2px;
|
|
616
623
|
--utrecht-focus-outline-style: solid;
|
|
@@ -625,7 +632,7 @@
|
|
|
625
632
|
--utrecht-document-font-weight: 400;
|
|
626
633
|
--utrecht-document-line-height: 150%;
|
|
627
634
|
--utrecht-document-font-size: 1.25rem;
|
|
628
|
-
--utrecht-document-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
635
|
+
--utrecht-document-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
629
636
|
--utrecht-document-color: #0F172A;
|
|
630
637
|
--utrecht-document-background-color: #fff;
|
|
631
638
|
--utrecht-accordion-button-active-row-gap: 0;
|
|
@@ -685,59 +692,10 @@
|
|
|
685
692
|
--utrecht-alert-heading-font-size: 1.25rem;
|
|
686
693
|
--utrecht-alert-heading-line-height: 150%;
|
|
687
694
|
--utrecht-alert-heading-font-weight: 700;
|
|
688
|
-
--utrecht-alert-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
695
|
+
--utrecht-alert-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
689
696
|
--utrecht-article-max-inline-size: 75ch;
|
|
690
|
-
--utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
|
|
691
|
-
--utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
|
|
692
|
-
--utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
|
|
693
|
-
--utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
|
|
694
|
-
--utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
|
|
695
|
-
--utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
|
|
696
|
-
--utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
|
|
697
|
-
--utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
|
|
698
|
-
--utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
|
|
699
|
-
--utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
|
|
700
|
-
--utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
|
|
701
|
-
--utrecht-blockquote-pink-background-variation-padding: 2.5rem;
|
|
702
|
-
--utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
|
|
703
|
-
--utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
|
|
704
|
-
--utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
|
|
705
|
-
--utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
|
|
706
|
-
--utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
|
|
707
|
-
--utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
|
|
708
|
-
--utrecht-blockquote-border-width: 2px;
|
|
709
|
-
--utrecht-blockquote-border-end-end-radius: 0;
|
|
710
|
-
--utrecht-blockquote-border-end-start-radius: 0;
|
|
711
|
-
--utrecht-blockquote-border-start-end-radius: 0;
|
|
712
|
-
--utrecht-blockquote-border-start-start-radius: 0;
|
|
713
|
-
--utrecht-blockquote-border-inline-end-width: 0;
|
|
714
|
-
--utrecht-blockquote-border-inline-start-width: 0;
|
|
715
|
-
--utrecht-blockquote-border-block-end-width: 0;
|
|
716
|
-
--utrecht-blockquote-border-block-start-width: 0;
|
|
717
|
-
--utrecht-blockquote-border-color: #154273;
|
|
718
|
-
--utrecht-blockquote-background-color: transparent;
|
|
719
|
-
--utrecht-blockquote-row-gap: 0.75rem;
|
|
720
|
-
--utrecht-blockquote-padding-inline-start: 2rem;
|
|
721
|
-
--utrecht-blockquote-padding-inline-end: 2rem;
|
|
722
|
-
--utrecht-blockquote-padding-block-start: 2rem;
|
|
723
|
-
--utrecht-blockquote-padding-block-end: 2rem;
|
|
724
|
-
--utrecht-blockquote-margin-inline-start: 0;
|
|
725
|
-
--utrecht-blockquote-margin-inline-end: 0;
|
|
726
|
-
--utrecht-blockquote-margin-block-start: 0;
|
|
727
|
-
--utrecht-blockquote-margin-block-end: 0;
|
|
728
|
-
--utrecht-blockquote-content-color: #0F172A;
|
|
729
|
-
--utrecht-blockquote-content-font-size: 1.5rem;
|
|
730
|
-
--utrecht-blockquote-content-font-weight: 400;
|
|
731
|
-
--utrecht-blockquote-content-line-height: 150%;
|
|
732
|
-
--utrecht-blockquote-content-font-family: RijksoverheidSerifWeb, 'Times New Roman', serif;
|
|
733
|
-
--utrecht-blockquote-caption-color: #334155;
|
|
734
|
-
--utrecht-blockquote-caption-padding-block-start: 0.75rem;
|
|
735
|
-
--utrecht-blockquote-caption-font-weight: 400;
|
|
736
|
-
--utrecht-blockquote-caption-line-height: 150%;
|
|
737
|
-
--utrecht-blockquote-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
738
|
-
--utrecht-blockquote-caption-font-size: 1.25rem;
|
|
739
697
|
--utrecht-breadcrumb-nav-font-weight: 400;
|
|
740
|
-
--utrecht-breadcrumb-nav-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
698
|
+
--utrecht-breadcrumb-nav-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
741
699
|
--utrecht-breadcrumb-nav-margin-inline: 0.5rem;
|
|
742
700
|
--utrecht-breadcrumb-nav-divider-inset-block-start: 0;
|
|
743
701
|
--utrecht-breadcrumb-nav-divider-color: #334155;
|
|
@@ -761,11 +719,17 @@
|
|
|
761
719
|
--utrecht-breadcrumb-nav-link-icon-size: 24px;
|
|
762
720
|
--utrecht-breadcrumb-nav-font-size: 1.25rem;
|
|
763
721
|
--utrecht-breadcrumb-nav-line-height: 1.4;
|
|
722
|
+
--utrecht-button-pressed-color: #fff;
|
|
723
|
+
--utrecht-button-pressed-border-color: transparent;
|
|
724
|
+
--utrecht-button-pressed-background-color: #1E293B;
|
|
725
|
+
--utrecht-button-subtle-pressed-color: #162945;
|
|
726
|
+
--utrecht-button-subtle-pressed-border-color: transparent;
|
|
727
|
+
--utrecht-button-subtle-pressed-background-color: #b8c6d5;
|
|
764
728
|
--utrecht-button-subtle-line-height: 1.875rem;
|
|
765
729
|
--utrecht-button-subtle-active-color: #0d2845;
|
|
766
730
|
--utrecht-button-subtle-active-border-color: transparent;
|
|
767
|
-
--utrecht-button-subtle-active-background-color:
|
|
768
|
-
--utrecht-button-subtle-focus-color: #
|
|
731
|
+
--utrecht-button-subtle-active-background-color: #95a9c0;
|
|
732
|
+
--utrecht-button-subtle-focus-color: #162f50;
|
|
769
733
|
--utrecht-button-subtle-focus-border-color: transparent;
|
|
770
734
|
--utrecht-button-subtle-focus-background-color: #dce3ea;
|
|
771
735
|
--utrecht-button-subtle-disabled-color: #b8c6d5;
|
|
@@ -776,27 +740,33 @@
|
|
|
776
740
|
--utrecht-button-subtle-background-color: transparent;
|
|
777
741
|
--utrecht-button-subtle-hover-color: #162f50;
|
|
778
742
|
--utrecht-button-subtle-hover-border-color: transparent;
|
|
779
|
-
--utrecht-button-subtle-hover-background-color:
|
|
743
|
+
--utrecht-button-subtle-hover-background-color: #dce3ea;
|
|
780
744
|
--utrecht-button-subtle-font-weight: 700;
|
|
781
745
|
--utrecht-button-subtle-font-size: 1.25rem;
|
|
746
|
+
--utrecht-button-secondary-action-pressed-color: #162945;
|
|
747
|
+
--utrecht-button-secondary-action-pressed-border-color: #162945;
|
|
748
|
+
--utrecht-button-secondary-action-pressed-background-color: #b8c6d5;
|
|
782
749
|
--utrecht-button-secondary-action-line-height: 1.875rem;
|
|
783
750
|
--utrecht-button-secondary-action-font-size: 1.25rem;
|
|
784
|
-
--utrecht-button-secondary-action-active-color: #
|
|
785
|
-
--utrecht-button-secondary-action-active-border-color: #
|
|
751
|
+
--utrecht-button-secondary-action-active-color: #162f50;
|
|
752
|
+
--utrecht-button-secondary-action-active-border-color: #162945;
|
|
786
753
|
--utrecht-button-secondary-action-active-background-color: #95a9c0;
|
|
787
754
|
--utrecht-button-secondary-action-font-weight: 700;
|
|
788
|
-
--utrecht-button-secondary-action-focus-color: #
|
|
755
|
+
--utrecht-button-secondary-action-focus-color: #162f50;
|
|
789
756
|
--utrecht-button-secondary-action-focus-border-color: transparent;
|
|
790
|
-
--utrecht-button-secondary-action-focus-background-color: #
|
|
757
|
+
--utrecht-button-secondary-action-focus-background-color: #dce3ea;
|
|
791
758
|
--utrecht-button-secondary-action-disabled-color: #738eab;
|
|
792
|
-
--utrecht-button-secondary-action-disabled-border-color: #
|
|
759
|
+
--utrecht-button-secondary-action-disabled-border-color: #95a9c0;
|
|
793
760
|
--utrecht-button-secondary-action-disabled-background-color: transparent;
|
|
794
761
|
--utrecht-button-secondary-action-color: #154273;
|
|
795
762
|
--utrecht-button-secondary-action-border-color: #154273;
|
|
796
763
|
--utrecht-button-secondary-action-background-color: transparent;
|
|
797
|
-
--utrecht-button-secondary-action-hover-color: #
|
|
798
|
-
--utrecht-button-secondary-action-hover-border-color:
|
|
799
|
-
--utrecht-button-secondary-action-hover-background-color: #
|
|
764
|
+
--utrecht-button-secondary-action-hover-color: #162f50;
|
|
765
|
+
--utrecht-button-secondary-action-hover-border-color: #162f50;
|
|
766
|
+
--utrecht-button-secondary-action-hover-background-color: #dce3ea;
|
|
767
|
+
--utrecht-button-primary-action-pressed-color: #fff;
|
|
768
|
+
--utrecht-button-primary-action-pressed-border-color: transparent;
|
|
769
|
+
--utrecht-button-primary-action-pressed-background-color: #162945;
|
|
800
770
|
--utrecht-button-primary-action-line-height: 1.875rem;
|
|
801
771
|
--utrecht-button-primary-action-font-size: 1.25rem;
|
|
802
772
|
--utrecht-button-primary-action-active-color: #fff;
|
|
@@ -805,9 +775,9 @@
|
|
|
805
775
|
--utrecht-button-primary-action-font-weight: 700;
|
|
806
776
|
--utrecht-button-primary-action-focus-color: #fff;
|
|
807
777
|
--utrecht-button-primary-action-focus-border-color: transparent;
|
|
808
|
-
--utrecht-button-primary-action-focus-background-color: #
|
|
778
|
+
--utrecht-button-primary-action-focus-background-color: #162f50;
|
|
809
779
|
--utrecht-button-primary-action-disabled-color: #4f7196;
|
|
810
|
-
--utrecht-button-primary-action-disabled-border-color:
|
|
780
|
+
--utrecht-button-primary-action-disabled-border-color: transparent;
|
|
811
781
|
--utrecht-button-primary-action-disabled-background-color: #b8c6d5;
|
|
812
782
|
--utrecht-button-primary-action-color: #fff;
|
|
813
783
|
--utrecht-button-primary-action-border-color: transparent;
|
|
@@ -818,18 +788,18 @@
|
|
|
818
788
|
--utrecht-button-column-gap: 0.5rem;
|
|
819
789
|
--utrecht-button-min-inline-size: 48px;
|
|
820
790
|
--utrecht-button-min-block-size: 48px;
|
|
821
|
-
--utrecht-button-active-color: #
|
|
822
|
-
--utrecht-button-active-border-color:
|
|
823
|
-
--utrecht-button-active-background-color: #
|
|
824
|
-
--utrecht-button-hover-color: #
|
|
825
|
-
--utrecht-button-hover-border-color:
|
|
826
|
-
--utrecht-button-hover-background-color: #
|
|
827
|
-
--utrecht-button-focus-color: #
|
|
791
|
+
--utrecht-button-active-color: #fff;
|
|
792
|
+
--utrecht-button-active-border-color: transparent;
|
|
793
|
+
--utrecht-button-active-background-color: #1E293B;
|
|
794
|
+
--utrecht-button-hover-color: #fff;
|
|
795
|
+
--utrecht-button-hover-border-color: transparent;
|
|
796
|
+
--utrecht-button-hover-background-color: #475569;
|
|
797
|
+
--utrecht-button-focus-color: #fff;
|
|
828
798
|
--utrecht-button-focus-border-color: transparent;
|
|
829
|
-
--utrecht-button-focus-background-color: #
|
|
830
|
-
--utrecht-button-disabled-color: #
|
|
799
|
+
--utrecht-button-focus-background-color: #475569;
|
|
800
|
+
--utrecht-button-disabled-color: #94A3B8;
|
|
831
801
|
--utrecht-button-disabled-border-color: transparent;
|
|
832
|
-
--utrecht-button-disabled-background-color: #
|
|
802
|
+
--utrecht-button-disabled-background-color: #E2E8F0;
|
|
833
803
|
--utrecht-button-padding-inline-start: 1rem;
|
|
834
804
|
--utrecht-button-padding-inline-end: 1rem;
|
|
835
805
|
--utrecht-button-padding-block-start: 0.5rem;
|
|
@@ -837,14 +807,14 @@
|
|
|
837
807
|
--utrecht-button-line-height: 150%;
|
|
838
808
|
--utrecht-button-font-weight: 700;
|
|
839
809
|
--utrecht-button-font-size: 1.25rem;
|
|
840
|
-
--utrecht-button-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
810
|
+
--utrecht-button-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
841
811
|
--utrecht-button-icon-size: 24px;
|
|
842
812
|
--utrecht-button-icon-gap: 0.5rem;
|
|
843
813
|
--utrecht-button-border-width: 1px;
|
|
844
814
|
--utrecht-button-border-radius: 5px;
|
|
845
|
-
--utrecht-button-color: #
|
|
846
|
-
--utrecht-button-border-color:
|
|
847
|
-
--utrecht-button-background-color:
|
|
815
|
+
--utrecht-button-color: #fff;
|
|
816
|
+
--utrecht-button-border-color: transparent;
|
|
817
|
+
--utrecht-button-background-color: #0F172A;
|
|
848
818
|
--utrecht-button-group-row-gap: 0.5rem;
|
|
849
819
|
--utrecht-button-group-padding-block-start: 0px;
|
|
850
820
|
--utrecht-button-group-padding-block-end: 0px;
|
|
@@ -915,7 +885,7 @@
|
|
|
915
885
|
--utrecht-number-badge-color: #fff;
|
|
916
886
|
--utrecht-number-badge-border-color: transparent;
|
|
917
887
|
--utrecht-number-badge-background-color: #154273;
|
|
918
|
-
--utrecht-number-badge-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
888
|
+
--utrecht-number-badge-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
919
889
|
--utrecht-number-badge-border-radius: 999px;
|
|
920
890
|
--utrecht-number-badge-border-width: 0px;
|
|
921
891
|
--utrecht-number-badge-font-weight: 700;
|
|
@@ -932,7 +902,7 @@
|
|
|
932
902
|
--utrecht-form-fieldset-legend-line-height: 150%;
|
|
933
903
|
--utrecht-form-fieldset-legend-font-weight: 700;
|
|
934
904
|
--utrecht-form-fieldset-legend-font-size: 1.25rem;
|
|
935
|
-
--utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
905
|
+
--utrecht-form-fieldset-legend-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
936
906
|
--utrecht-form-fieldset-legend-color: #0F172A;
|
|
937
907
|
--utrecht-figure-img-border-start-start-radius: 0;
|
|
938
908
|
--utrecht-figure-img-border-start-end-radius: 0;
|
|
@@ -964,20 +934,20 @@
|
|
|
964
934
|
--utrecht-form-field-description-margin-block-start: -0.5rem;
|
|
965
935
|
--utrecht-form-field-description-line-height: 150%;
|
|
966
936
|
--utrecht-form-field-description-font-size: 1.25rem;
|
|
967
|
-
--utrecht-form-field-description-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
937
|
+
--utrecht-form-field-description-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
968
938
|
--utrecht-form-field-description-color: #334155;
|
|
969
939
|
--utrecht-form-field-error-message-padding-block-end: 0.5rem;
|
|
970
940
|
--utrecht-form-field-error-message-margin-block-end: 0.5rem;
|
|
971
941
|
--utrecht-form-field-error-message-font-weight: 400;
|
|
972
942
|
--utrecht-form-field-error-message-font-size: 1.25rem;
|
|
973
|
-
--utrecht-form-field-error-message-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
943
|
+
--utrecht-form-field-error-message-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
974
944
|
--utrecht-form-field-error-message-color: #d52b1e;
|
|
975
945
|
--utrecht-form-field-error-message-icon-margin-inline-end: 0.5rem;
|
|
976
946
|
--utrecht-form-field-error-message-icon-size: 24px;
|
|
977
947
|
--utrecht-form-field-label-line-height: 150%;
|
|
978
948
|
--utrecht-form-field-label-font-weight: 700;
|
|
979
949
|
--utrecht-form-field-label-font-size: 1.25rem;
|
|
980
|
-
--utrecht-form-field-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
950
|
+
--utrecht-form-field-label-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
981
951
|
--utrecht-form-field-label-color: #0F172A;
|
|
982
952
|
--utrecht-form-label-font-weight: 700;
|
|
983
953
|
--utrecht-form-label-font-size: 1.25rem;
|
|
@@ -987,40 +957,40 @@
|
|
|
987
957
|
--utrecht-heading-5-font-size: 1.25rem;
|
|
988
958
|
--utrecht-heading-5-line-height: 125%;
|
|
989
959
|
--utrecht-heading-5-font-weight: 700;
|
|
990
|
-
--utrecht-heading-5-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
960
|
+
--utrecht-heading-5-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
991
961
|
--utrecht-heading-5-color: #154273;
|
|
992
962
|
--utrecht-heading-4-margin-block-start: 0;
|
|
993
963
|
--utrecht-heading-4-margin-block-end: 0;
|
|
994
964
|
--utrecht-heading-4-font-size: 1.5rem;
|
|
995
965
|
--utrecht-heading-4-line-height: 125%;
|
|
996
966
|
--utrecht-heading-4-font-weight: 700;
|
|
997
|
-
--utrecht-heading-4-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
967
|
+
--utrecht-heading-4-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
998
968
|
--utrecht-heading-4-color: #154273;
|
|
999
969
|
--utrecht-heading-3-margin-block-start: 0;
|
|
1000
970
|
--utrecht-heading-3-margin-block-end: 0;
|
|
1001
971
|
--utrecht-heading-3-font-size: 1.875rem;
|
|
1002
972
|
--utrecht-heading-3-line-height: 125%;
|
|
1003
973
|
--utrecht-heading-3-font-weight: 700;
|
|
1004
|
-
--utrecht-heading-3-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
974
|
+
--utrecht-heading-3-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1005
975
|
--utrecht-heading-3-color: #154273;
|
|
1006
976
|
--utrecht-heading-2-margin-block-start: 0;
|
|
1007
977
|
--utrecht-heading-2-margin-block-end: 0;
|
|
1008
978
|
--utrecht-heading-2-font-size: 2.5rem;
|
|
1009
979
|
--utrecht-heading-2-line-height: 125%;
|
|
1010
980
|
--utrecht-heading-2-font-weight: 700;
|
|
1011
|
-
--utrecht-heading-2-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
981
|
+
--utrecht-heading-2-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1012
982
|
--utrecht-heading-2-color: #154273;
|
|
1013
983
|
--utrecht-heading-1-margin-block-start: 0;
|
|
1014
984
|
--utrecht-heading-1-margin-block-end: 0;
|
|
1015
985
|
--utrecht-heading-1-font-size: 3.125rem;
|
|
1016
986
|
--utrecht-heading-1-line-height: 125%;
|
|
1017
987
|
--utrecht-heading-1-font-weight: 700;
|
|
1018
|
-
--utrecht-heading-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
988
|
+
--utrecht-heading-1-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1019
989
|
--utrecht-heading-1-color: #154273;
|
|
1020
990
|
--utrecht-link-line-height: 150%;
|
|
1021
991
|
--utrecht-link-font-size: 1.25rem;
|
|
1022
992
|
--utrecht-link-font-weight: 400;
|
|
1023
|
-
--utrecht-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
993
|
+
--utrecht-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1024
994
|
--utrecht-link-text-underline-offset: 0.125rem;
|
|
1025
995
|
--utrecht-link-text-decoration-thickness: auto;
|
|
1026
996
|
--utrecht-link-column-gap: 0.25rem;
|
|
@@ -1049,7 +1019,7 @@
|
|
|
1049
1019
|
--utrecht-ordered-list-line-height: 150%;
|
|
1050
1020
|
--utrecht-ordered-list-font-size: 1.25rem;
|
|
1051
1021
|
--utrecht-ordered-list-font-weight: 400;
|
|
1052
|
-
--utrecht-ordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1022
|
+
--utrecht-ordered-list-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1053
1023
|
--utrecht-ordered-list-color: #0F172A;
|
|
1054
1024
|
--utrecht-ordered-list-item-margin-block-start: 0.25rem;
|
|
1055
1025
|
--utrecht-ordered-list-item-margin-block-end: 0.25rem;
|
|
@@ -1067,8 +1037,13 @@
|
|
|
1067
1037
|
--utrecht-paragraph-line-height: 150%;
|
|
1068
1038
|
--utrecht-paragraph-font-weight: 400;
|
|
1069
1039
|
--utrecht-paragraph-font-size: 1.25rem;
|
|
1070
|
-
--utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1040
|
+
--utrecht-paragraph-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1071
1041
|
--utrecht-paragraph-color: #0F172A;
|
|
1042
|
+
--utrecht-pre-heading-font-size: 1rem;
|
|
1043
|
+
--utrecht-pre-heading-line-height: 125%;
|
|
1044
|
+
--utrecht-pre-heading-font-weight: 700;
|
|
1045
|
+
--utrecht-pre-heading-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1046
|
+
--utrecht-pre-heading-color: #0F172A;
|
|
1072
1047
|
--utrecht-radio-button-border-width: 1px;
|
|
1073
1048
|
--utrecht-radio-button-border-radius: 999px;
|
|
1074
1049
|
--utrecht-radio-button-hover-border-width: 1px;
|
|
@@ -1113,7 +1088,7 @@
|
|
|
1113
1088
|
--utrecht-select-font-size: 1.25rem;
|
|
1114
1089
|
--utrecht-select-line-height: 150%;
|
|
1115
1090
|
--utrecht-select-font-weight: 400;
|
|
1116
|
-
--utrecht-select-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1091
|
+
--utrecht-select-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1117
1092
|
--utrecht-select-border-width: 1px;
|
|
1118
1093
|
--utrecht-select-border-bottom-width: auto;
|
|
1119
1094
|
--utrecht-select-border-radius: 2.5px;
|
|
@@ -1171,7 +1146,7 @@
|
|
|
1171
1146
|
--utrecht-skip-link-min-block-size: 48px;
|
|
1172
1147
|
--utrecht-skip-link-line-height: 150%;
|
|
1173
1148
|
--utrecht-skip-link-font-size: 1.25rem;
|
|
1174
|
-
--utrecht-skip-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1149
|
+
--utrecht-skip-link-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1175
1150
|
--utrecht-skip-link-font-weight: 700;
|
|
1176
1151
|
--utrecht-table-font-size: 1.25rem;
|
|
1177
1152
|
--utrecht-table-container-box-inline-start-shadow-color: #0000001a;
|
|
@@ -1185,7 +1160,7 @@
|
|
|
1185
1160
|
--utrecht-table-container-box-inline-end-shadow-y: 16px;
|
|
1186
1161
|
--utrecht-table-container-box-inline-end-shadow-x: 0;
|
|
1187
1162
|
--utrecht-table-footer-cell-line-height: 150%;
|
|
1188
|
-
--utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1163
|
+
--utrecht-table-footer-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1189
1164
|
--utrecht-table-footer-cell-color: #0F172A;
|
|
1190
1165
|
--utrecht-table-footer-cell-font-size: 1.25rem;
|
|
1191
1166
|
--utrecht-table-footer-cell-font-weight: 700;
|
|
@@ -1201,7 +1176,7 @@
|
|
|
1201
1176
|
--utrecht-table-data-cell-font-size: 1.25rem;
|
|
1202
1177
|
--utrecht-table-data-cell-line-height: 150%;
|
|
1203
1178
|
--utrecht-table-data-cell-font-weight: 400;
|
|
1204
|
-
--utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1179
|
+
--utrecht-table-data-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1205
1180
|
--utrecht-table-data-cell-color: #0F172A;
|
|
1206
1181
|
--utrecht-table-cell-line-height: 150%;
|
|
1207
1182
|
--utrecht-table-cell-padding-inline-start: 1rem;
|
|
@@ -1210,19 +1185,19 @@
|
|
|
1210
1185
|
--utrecht-table-cell-padding-block-end: 0.75rem;
|
|
1211
1186
|
--utrecht-table-caption-font-size: 1.875rem;
|
|
1212
1187
|
--utrecht-table-caption-font-weight: 700;
|
|
1213
|
-
--utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1188
|
+
--utrecht-table-caption-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1214
1189
|
--utrecht-table-caption-color: #0F172A;
|
|
1215
1190
|
--utrecht-table-caption-margin-block-end: 1.5rem;
|
|
1216
1191
|
--utrecht-table-caption-line-height: 125%;
|
|
1217
1192
|
--utrecht-table-header-cell-font-size: 1.25rem;
|
|
1218
1193
|
--utrecht-table-header-cell-font-weight: 700;
|
|
1219
|
-
--utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1194
|
+
--utrecht-table-header-cell-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1220
1195
|
--utrecht-table-header-cell-color: #0F172A;
|
|
1221
1196
|
--utrecht-table-header-cell-line-height: 150%;
|
|
1222
1197
|
--utrecht-textarea-font-size: 1.25rem;
|
|
1223
1198
|
--utrecht-textarea-line-height: 150%;
|
|
1224
1199
|
--utrecht-textarea-font-weight: 400;
|
|
1225
|
-
--utrecht-textarea-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1200
|
+
--utrecht-textarea-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1226
1201
|
--utrecht-textarea-border-width: 1px;
|
|
1227
1202
|
--utrecht-textarea-border-bottom-width: 1px;
|
|
1228
1203
|
--utrecht-textarea-border-radius: 2.5px;
|
|
@@ -1285,7 +1260,7 @@
|
|
|
1285
1260
|
--utrecht-textbox-line-height: 150%;
|
|
1286
1261
|
--utrecht-textbox-font-weight: 400;
|
|
1287
1262
|
--utrecht-textbox-font-size: 1.25rem;
|
|
1288
|
-
--utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1263
|
+
--utrecht-textbox-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1289
1264
|
--utrecht-textbox-border-radius: 2.5px;
|
|
1290
1265
|
--utrecht-unordered-list-marker-border-color: #0F172A;
|
|
1291
1266
|
--utrecht-unordered-list-marker-color: #0F172A;
|
|
@@ -1295,7 +1270,7 @@
|
|
|
1295
1270
|
--utrecht-unordered-list-line-height: 150%;
|
|
1296
1271
|
--utrecht-unordered-list-font-size: 1.25rem;
|
|
1297
1272
|
--utrecht-unordered-list-font-weight: 400;
|
|
1298
|
-
--utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
1273
|
+
--utrecht-unordered-list-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1299
1274
|
--utrecht-unordered-list-color: #0F172A;
|
|
1300
1275
|
--utrecht-unordered-list-margin-block-start: 0.25rem;
|
|
1301
1276
|
--utrecht-unordered-list-margin-block-end: 0.25rem;
|
|
@@ -1303,9 +1278,63 @@
|
|
|
1303
1278
|
--utrecht-icon-inset-block-start: 0;
|
|
1304
1279
|
--utrecht-icon-size: 24px;
|
|
1305
1280
|
--utrecht-icon-color: inherit;
|
|
1306
|
-
--utrecht-
|
|
1307
|
-
--utrecht-
|
|
1308
|
-
--utrecht-
|
|
1309
|
-
--utrecht-
|
|
1310
|
-
--utrecht-
|
|
1281
|
+
--utrecht-blockquote-pink-corner-border-variation-padding: 2.5rem;
|
|
1282
|
+
--utrecht-blockquote-pink-corner-border-variation-border-start-start-radius: 3rem;
|
|
1283
|
+
--utrecht-blockquote-pink-corner-border-variation-border-inline-start-width: 0.25rem;
|
|
1284
|
+
--utrecht-blockquote-pink-corner-border-variation-border-block-start-width: 0.25rem;
|
|
1285
|
+
--utrecht-blockquote-pink-corner-border-variation-border-color: #F6BDE1;
|
|
1286
|
+
--utrecht-blockquote-pink-left-border-variation-padding-block-end: 1.5rem;
|
|
1287
|
+
--utrecht-blockquote-pink-left-border-variation-padding-block-start: 1.5rem;
|
|
1288
|
+
--utrecht-blockquote-pink-left-border-variation-padding-inline-end: 2.5rem;
|
|
1289
|
+
--utrecht-blockquote-pink-left-border-variation-padding-inline-start: 2.5rem;
|
|
1290
|
+
--utrecht-blockquote-pink-left-border-variation-border-inline-start-width: 0.75rem;
|
|
1291
|
+
--utrecht-blockquote-pink-left-border-variation-border-color: #F6BDE1;
|
|
1292
|
+
--utrecht-blockquote-pink-background-variation-padding: 2.5rem;
|
|
1293
|
+
--utrecht-blockquote-pink-background-variation-border-end-start-radius: 3rem;
|
|
1294
|
+
--utrecht-blockquote-pink-background-variation-background-color: #F6BDE1;
|
|
1295
|
+
--utrecht-blockquote-blue-corner-border-variation-border-end-end-radius: 3rem;
|
|
1296
|
+
--utrecht-blockquote-blue-corner-border-variation-border-inline-end-width: 2px;
|
|
1297
|
+
--utrecht-blockquote-blue-corner-border-variation-border-block-end-width: 2px;
|
|
1298
|
+
--utrecht-blockquote-blue-corner-border-variation-border-color: #154273;
|
|
1299
|
+
--utrecht-blockquote-border-end-end-radius: 0;
|
|
1300
|
+
--utrecht-blockquote-border-end-start-radius: 0;
|
|
1301
|
+
--utrecht-blockquote-border-start-end-radius: 0;
|
|
1302
|
+
--utrecht-blockquote-border-start-start-radius: 0;
|
|
1303
|
+
--utrecht-blockquote-border-inline-end-width: 0;
|
|
1304
|
+
--utrecht-blockquote-border-block-end-width: 0;
|
|
1305
|
+
--utrecht-blockquote-border-block-start-width: 0;
|
|
1306
|
+
--utrecht-blockquote-margin-inline-start: 0;
|
|
1307
|
+
--utrecht-blockquote-margin-inline-end: 0;
|
|
1308
|
+
--utrecht-blockquote-margin-block-start: 0;
|
|
1309
|
+
--utrecht-blockquote-margin-block-end: 0;
|
|
1310
|
+
--utrecht-blockquote-caption-color: #154273;
|
|
1311
|
+
--utrecht-blockquote-caption-padding-block-start: 0.75rem;
|
|
1312
|
+
--utrecht-blockquote-caption-font-weight: 400;
|
|
1313
|
+
--utrecht-blockquote-caption-line-height: 150%;
|
|
1314
|
+
--utrecht-blockquote-caption-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1315
|
+
--utrecht-blockquote-caption-font-size: 1.25rem;
|
|
1316
|
+
--utrecht-blockquote-content-font-weight: 400;
|
|
1317
|
+
--utrecht-blockquote-content-line-height: 150%;
|
|
1318
|
+
--utrecht-blockquote-content-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1319
|
+
--utrecht-blockquote-content-font-size: 1.25rem;
|
|
1320
|
+
--utrecht-blockquote-content-color: #154273;
|
|
1321
|
+
--utrecht-blockquote-attribution-font-size: 1.25rem;
|
|
1322
|
+
--utrecht-blockquote-attribution-color: #154273;
|
|
1323
|
+
--utrecht-blockquote-row-gap: 0.75rem;
|
|
1324
|
+
--utrecht-blockquote-padding-inline-start: 2rem;
|
|
1325
|
+
--utrecht-blockquote-padding-inline-end: 2rem;
|
|
1326
|
+
--utrecht-blockquote-padding-block-start: 2rem;
|
|
1327
|
+
--utrecht-blockquote-padding-block-end: 2rem;
|
|
1328
|
+
--utrecht-blockquote-font-family: RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif;
|
|
1329
|
+
--utrecht-blockquote-font-size: 1.25rem;
|
|
1330
|
+
--utrecht-blockquote-color: #154273;
|
|
1331
|
+
--utrecht-blockquote-border-width: 0;
|
|
1332
|
+
--utrecht-blockquote-border-radius: 0;
|
|
1333
|
+
--utrecht-blockquote-border-color: transparent;
|
|
1334
|
+
--utrecht-blockquote-border-inline-start-width: 0;
|
|
1335
|
+
--utrecht-blockquote-background-color: transparent;
|
|
1336
|
+
--utrecht-column-layout-gap: 0.75rem;
|
|
1337
|
+
--utrecht-column-layout-column-width: 400px;
|
|
1338
|
+
--utrecht-column-layout-column-rule-width: 0px;
|
|
1339
|
+
--utrecht-column-layout-column-rule-color: transparent;
|
|
1311
1340
|
}
|