@utrecht/component-library-css 8.0.0 → 8.1.1
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/dist/html.css +2 -0
- package/dist/index.css +261 -5
- package/dist/prince-xml.css +263 -110
- package/package.json +95 -94
package/dist/html.css
CHANGED
|
@@ -392,6 +392,8 @@
|
|
|
392
392
|
.utrecht-html figure {
|
|
393
393
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));
|
|
394
394
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));
|
|
395
|
+
margin-inline-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-end, 0));
|
|
396
|
+
margin-inline-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-start, 0));
|
|
395
397
|
}
|
|
396
398
|
.utrecht-html figcaption {
|
|
397
399
|
color: var(--utrecht-figure-caption-color);
|
package/dist/index.css
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c) 2020-2025 Frameless B.V.
|
|
4
|
-
* Copyright (c) 2021-2025 Gemeente Utrecht
|
|
5
|
-
*/
|
|
6
1
|
/**
|
|
7
2
|
* @license EUPL-1.2
|
|
8
3
|
* Copyright (c) 2024-2025 Gemeente Utrecht
|
|
@@ -26,6 +21,11 @@
|
|
|
26
21
|
* Copyright (c) 2020-2024 Frameless B.V.
|
|
27
22
|
* Copyright (c) 2021-2024 Gemeente Utrecht
|
|
28
23
|
*/
|
|
24
|
+
/**
|
|
25
|
+
* @license EUPL-1.2
|
|
26
|
+
* Copyright (c) 2020-2025 Frameless B.V.
|
|
27
|
+
* Copyright (c) 2021-2025 Gemeente Utrecht
|
|
28
|
+
*/
|
|
29
29
|
@charset "UTF-8";
|
|
30
30
|
.utrecht-accordion {
|
|
31
31
|
display: grid;
|
|
@@ -2451,6 +2451,8 @@
|
|
|
2451
2451
|
.utrecht-figure {
|
|
2452
2452
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));
|
|
2453
2453
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));
|
|
2454
|
+
margin-inline-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-end, 0));
|
|
2455
|
+
margin-inline-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-start, 0));
|
|
2454
2456
|
}
|
|
2455
2457
|
|
|
2456
2458
|
.utrecht-figure__caption {
|
|
@@ -3675,6 +3677,260 @@
|
|
|
3675
3677
|
padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
|
|
3676
3678
|
text-decoration: none;
|
|
3677
3679
|
}
|
|
3680
|
+
.utrecht-navigation {
|
|
3681
|
+
border-block-end-color: var(--utrecht-navigation-border-block-end-color);
|
|
3682
|
+
border-block-end-style: solid;
|
|
3683
|
+
border-block-end-width: var(--utrecht-navigation-border-block-end-width);
|
|
3684
|
+
border-block-start-color: var(--utrecht-navigation-border-block-start-color);
|
|
3685
|
+
border-block-start-style: solid;
|
|
3686
|
+
border-block-start-width: var(--utrecht-navigation-border-block-start-width);
|
|
3687
|
+
margin-block-end: var(--utrecht-nav-margin-back-end);
|
|
3688
|
+
margin-block-start: var(--utrecht-nav-margin-back-start);
|
|
3689
|
+
}
|
|
3690
|
+
|
|
3691
|
+
.utrecht-navigation--mobile {
|
|
3692
|
+
align-items: flex-end;
|
|
3693
|
+
block-size: 100%;
|
|
3694
|
+
display: flex;
|
|
3695
|
+
flex: 1;
|
|
3696
|
+
flex-direction: column;
|
|
3697
|
+
inline-size: 100%;
|
|
3698
|
+
justify-content: var(--utrecht-navigation-mobile-justify-content, flex-start);
|
|
3699
|
+
}
|
|
3700
|
+
|
|
3701
|
+
.utrecht-navigation-drawer {
|
|
3702
|
+
--utrecht-drawer-padding-block-start: 0;
|
|
3703
|
+
--utrecht-drawer-padding-inline-start: 0;
|
|
3704
|
+
--utrecht-drawer-padding-inline-end: 0;
|
|
3705
|
+
--utrecht-drawer-min-inline-size: var(--utrecht-navigation-drawer-min-inline-size);
|
|
3706
|
+
}
|
|
3707
|
+
|
|
3708
|
+
.utrecht-navigation-drawer::backdrop {
|
|
3709
|
+
--utrecht-backdrop-background-color: var(--utrecht-navigation-drawer-backdrop-background-color);
|
|
3710
|
+
}
|
|
3711
|
+
|
|
3712
|
+
.utrecht-navigation__item {
|
|
3713
|
+
border-block-end-color: var(--utrecht-navigation-item-border-block-end-color);
|
|
3714
|
+
border-block-end-style: solid;
|
|
3715
|
+
border-block-end-width: var(--utrecht-navigation-item-border-block-end-width);
|
|
3716
|
+
border-block-start-color: var(--utrecht-navigation-item-border-block-start-color);
|
|
3717
|
+
border-block-start-style: solid;
|
|
3718
|
+
border-block-start-width: var(--utrecht-navigation-item-border-block-start-width);
|
|
3719
|
+
flex: 1 1 auto;
|
|
3720
|
+
padding-block-end: var(--utrecht-navigation-item-padding-block-end);
|
|
3721
|
+
padding-block-start: var(--utrecht-navigation-item-padding-block-start);
|
|
3722
|
+
padding-inline-end: var(--utrecht-navigation-item-padding-inline-end);
|
|
3723
|
+
padding-inline-start: var(--utrecht-navigation-item-padding-inline-start);
|
|
3724
|
+
}
|
|
3725
|
+
.utrecht-navigation__item:last-child .utrecht-navigation__link {
|
|
3726
|
+
border-inline-end: none;
|
|
3727
|
+
}
|
|
3728
|
+
|
|
3729
|
+
.utrecht-navigation__item--mobile {
|
|
3730
|
+
--utrecht-navigation-item-padding-block-start: var(--utrecht-navigation-item-mobile-padding-block-start);
|
|
3731
|
+
--utrecht-navigation-item-padding-block-end: var(--utrecht-navigation-item-mobile-padding-block-end);
|
|
3732
|
+
--utrecht-navigation-item-padding-inline-start: var(--utrecht-navigation-item-mobile-padding-inline-start);
|
|
3733
|
+
--utrecht-navigation-item-padding-inline-end: var(--utrecht-navigation-item-mobile-padding-inline-end);
|
|
3734
|
+
--utrecht-navigation-item-border-block-end-color: var(--utrecht-navigation-item-mobile-border-block-end-color);
|
|
3735
|
+
--utrecht-navigation-item-border-block-end-width: var(--utrecht-navigation-item-mobile-border-block-end-width);
|
|
3736
|
+
}
|
|
3737
|
+
.utrecht-navigation__item--mobile:first-of-type {
|
|
3738
|
+
--utrecht-navigation-item-border-block-start-color: var(--utrecht-navigation-item-mobile-border-block-start-color);
|
|
3739
|
+
--utrecht-navigation-item-border-block-start-width: var(--utrecht-navigation-item-mobile-border-block-start-width);
|
|
3740
|
+
}
|
|
3741
|
+
|
|
3742
|
+
.utrecht-navigation__link {
|
|
3743
|
+
--utrecht-link-focus-text-decoration: underline;
|
|
3744
|
+
--utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
|
|
3745
|
+
--utrecht-link-text-decoration: none;
|
|
3746
|
+
--utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
|
|
3747
|
+
--utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
|
|
3748
|
+
--utrecht-link-hover-color: var(--utrecht-navigation-link-hover-color);
|
|
3749
|
+
--utrecht-link-color: var(--utrecht-navigation-link-color);
|
|
3750
|
+
--utrecht-link-visited-color: var(--utrecht-navigation-link-color);
|
|
3751
|
+
align-items: var(--_utrecht-navigation-link-align-items, center);
|
|
3752
|
+
background-color: var(--utrecht-navigation-link-background-color);
|
|
3753
|
+
border-inline-end-color: var(--utrecht-navigation-link-border-color);
|
|
3754
|
+
border-inline-end-style: solid;
|
|
3755
|
+
border-inline-end-width: var(--utrecht-navigation-link-border-inline-end-width);
|
|
3756
|
+
display: flex;
|
|
3757
|
+
font-weight: var(--utrecht-navigation-link-font-weight);
|
|
3758
|
+
gap: var(--utrecht-navigation-link-gap, 8px);
|
|
3759
|
+
justify-content: var(--_utrecht-navigation-link-justify-content, center);
|
|
3760
|
+
padding-block-end: var(--utrecht-navigation-link-padding-block-end);
|
|
3761
|
+
padding-block-start: var(--utrecht-navigation-link-padding-block-start);
|
|
3762
|
+
padding-inline-end: var(--utrecht-navigation-link-padding-inline-end);
|
|
3763
|
+
padding-inline-start: var(--utrecht-navigation-link-padding-inline-start);
|
|
3764
|
+
text-align: var(--utrecht-navigation-link-text-align);
|
|
3765
|
+
}
|
|
3766
|
+
|
|
3767
|
+
.utrecht-navigation__link:hover {
|
|
3768
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-hover-background-color);
|
|
3769
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3770
|
+
--utrecht-navigation-marker-outline-hover-fill: currentColor;
|
|
3771
|
+
}
|
|
3772
|
+
|
|
3773
|
+
.utrecht-navigation__link:focus {
|
|
3774
|
+
--utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
|
|
3775
|
+
--utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
3776
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3777
|
+
--utrecht-navigation-marker-outline-hover-fill: currentColor;
|
|
3778
|
+
}
|
|
3779
|
+
|
|
3780
|
+
.utrecht-navigation__link:active:focus {
|
|
3781
|
+
--utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
|
|
3782
|
+
}
|
|
3783
|
+
|
|
3784
|
+
.utrecht-navigation__link--mobile {
|
|
3785
|
+
--_utrecht-navigation-link-align-items: center;
|
|
3786
|
+
--_utrecht-navigation-link-justify-content: normal;
|
|
3787
|
+
--utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
|
|
3788
|
+
--utrecht-navigation-link-padding-inline-end: var(--utrecht-navigation-link-mobile-padding-inline-end);
|
|
3789
|
+
--utrecht-navigation-link-padding-block-start: var(--utrecht-navigation-link-mobile-padding-block-start);
|
|
3790
|
+
--utrecht-navigation-link-padding-block-end: var(--utrecht-navigation-link-mobile-padding-block-end);
|
|
3791
|
+
--utrecht-navigation-link-border-inline-end-width: 0;
|
|
3792
|
+
--utrecht-navigation-link-border-color: transparent;
|
|
3793
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-mobile-background-color);
|
|
3794
|
+
--utrecht-navigation-link-color: var(--utrecht-navigation-link-mobile-color);
|
|
3795
|
+
--utrecht-navigation-link-justify-content: var(--utrecht-navigation-link-mobile-justify-content, flex-start);
|
|
3796
|
+
flex: 1 1 auto;
|
|
3797
|
+
min-block-size: var(--utrecht-navigation-link-mobile-min-block-size);
|
|
3798
|
+
transition-duration: var(--utrecht-navigation-link-mobile-transition-duration);
|
|
3799
|
+
transition-property: font-weight;
|
|
3800
|
+
transition-timing-function: var(--utrecht-navigation-link-mobile-transition-timing-function);
|
|
3801
|
+
}
|
|
3802
|
+
|
|
3803
|
+
.utrecht-navigation__link--mobile:hover {
|
|
3804
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-mobile-hover-background-color);
|
|
3805
|
+
--utrecht-link-hover-color: var(--utrecht-navigation-link-mobile-hover-color);
|
|
3806
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-mobile-hover-font-weight);
|
|
3807
|
+
}
|
|
3808
|
+
|
|
3809
|
+
.utrecht-navigation__link--is-current {
|
|
3810
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
|
|
3811
|
+
}
|
|
3812
|
+
|
|
3813
|
+
.utrecht-navigation__list {
|
|
3814
|
+
display: var(--utrecht-navigation-list-display, flex);
|
|
3815
|
+
inline-size: var(--utrecht-navigation-list-inline-size);
|
|
3816
|
+
list-style: none;
|
|
3817
|
+
margin-block-end: 0;
|
|
3818
|
+
margin-block-start: 0;
|
|
3819
|
+
padding-block-end: var(--utrecht-navigation-list-padding-block-end);
|
|
3820
|
+
padding-block-start: var(--utrecht-navigation-list-padding-block-start);
|
|
3821
|
+
padding-inline-end: var(--utrecht-navigation-list-padding-inline-end);
|
|
3822
|
+
padding-inline-start: var(--utrecht-navigation-list-padding-inline-start);
|
|
3823
|
+
}
|
|
3824
|
+
|
|
3825
|
+
.utrecht-navigation__list:focus {
|
|
3826
|
+
outline: none;
|
|
3827
|
+
}
|
|
3828
|
+
|
|
3829
|
+
.utrecht-navigation__list--mobile {
|
|
3830
|
+
--utrecht-navigation-list-display: block;
|
|
3831
|
+
--utrecht-navigation-list-padding-block-start: var(--utrecht-navigation-list-mobile-padding-block-start);
|
|
3832
|
+
--utrecht-navigation-list-padding-block-end: var(--utrecht-navigation-list-mobile-padding-block-end);
|
|
3833
|
+
--utrecht-navigation-list-padding-inline-start: var(--utrecht-navigation-list-mobile-padding-inline-start);
|
|
3834
|
+
--utrecht-navigation-list-padding-inline-end: var(--utrecht-navigation-list-mobile-padding-inline-end);
|
|
3835
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-mobile-inline-size);
|
|
3836
|
+
background-color: var(--utrecht-navigation-list-mobile-background-color);
|
|
3837
|
+
block-size: 100%;
|
|
3838
|
+
box-sizing: border-box;
|
|
3839
|
+
flex: 1;
|
|
3840
|
+
overflow-y: auto;
|
|
3841
|
+
}
|
|
3842
|
+
|
|
3843
|
+
.utrecht-navigation__list--side-nav {
|
|
3844
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-side-nav-inline-size);
|
|
3845
|
+
}
|
|
3846
|
+
|
|
3847
|
+
.utrecht-navigation__list--sub-list {
|
|
3848
|
+
display: var(--utrecht-navigation-list-display, flex);
|
|
3849
|
+
inline-size: var(--utrecht-navigation-list-inline-size);
|
|
3850
|
+
list-style: none;
|
|
3851
|
+
margin-block-end: 0;
|
|
3852
|
+
margin-block-start: 0;
|
|
3853
|
+
padding-block-end: var(--utrecht-navigation-list-padding-block-end);
|
|
3854
|
+
padding-block-start: var(--utrecht-navigation-list-padding-block-start);
|
|
3855
|
+
padding-inline-end: var(--utrecht-navigation-list-padding-inline-end);
|
|
3856
|
+
padding-inline-start: var(--utrecht-navigation-list-padding-inline-start);
|
|
3857
|
+
--utrecht-navigation-list-display: block;
|
|
3858
|
+
--utrecht-navigation-list-padding-block-start: var(--utrecht-navigation-list-mobile-padding-block-start);
|
|
3859
|
+
--utrecht-navigation-list-padding-block-end: var(--utrecht-navigation-list-mobile-padding-block-end);
|
|
3860
|
+
--utrecht-navigation-list-padding-inline-start: var(--utrecht-navigation-list-mobile-padding-inline-start);
|
|
3861
|
+
--utrecht-navigation-list-padding-inline-end: var(--utrecht-navigation-list-mobile-padding-inline-end);
|
|
3862
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-mobile-inline-size);
|
|
3863
|
+
background-color: var(--utrecht-navigation-list-mobile-background-color);
|
|
3864
|
+
block-size: 100%;
|
|
3865
|
+
box-sizing: border-box;
|
|
3866
|
+
flex: 1;
|
|
3867
|
+
overflow-y: auto;
|
|
3868
|
+
inline-size: 100%;
|
|
3869
|
+
padding-block-end: 0;
|
|
3870
|
+
padding-block-start: 0;
|
|
3871
|
+
padding-inline-end: 0;
|
|
3872
|
+
}
|
|
3873
|
+
|
|
3874
|
+
.utrecht-navigation__list--sub-list-item {
|
|
3875
|
+
--utrecht-navigation-item-border-block-start-width: 0;
|
|
3876
|
+
--utrecht-navigation-item-border-block-end-width: 0;
|
|
3877
|
+
--utrecht-navigation-item-mobile-border-block-start-width: 0;
|
|
3878
|
+
--utrecht-navigation-item-mobile-border-block-end-width: 0;
|
|
3879
|
+
--utrecht-navigation-list-mobile-padding-inline-end: 0;
|
|
3880
|
+
}
|
|
3881
|
+
|
|
3882
|
+
.utrecht-navigation__marker {
|
|
3883
|
+
color: var(--utrecht-navigation-marker-color);
|
|
3884
|
+
flex-shrink: 0;
|
|
3885
|
+
}
|
|
3886
|
+
|
|
3887
|
+
.utrecht-navigation__marker--current {
|
|
3888
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3889
|
+
}
|
|
3890
|
+
|
|
3891
|
+
.utrecht-navigation__marker--outline {
|
|
3892
|
+
fill: var(--utrecht-navigation-marker-outline-hover-fill, none);
|
|
3893
|
+
}
|
|
3894
|
+
|
|
3895
|
+
.utrecht-navigation__toggle-button {
|
|
3896
|
+
--utrecht-button-subtle-color: currentColor;
|
|
3897
|
+
--utrecht-button-subtle-hover-color: currentColor;
|
|
3898
|
+
--utrecht-button-subtle-hover-border-color: transparent;
|
|
3899
|
+
--utrecht-button-subtle-active-background-color: transparent;
|
|
3900
|
+
--utrecht-button-subtle-active-border-color: transparent;
|
|
3901
|
+
--utrecht-button-subtle-active-color: currentColor;
|
|
3902
|
+
--utrecht-button-subtle-focus-background-color: transparent;
|
|
3903
|
+
--utrecht-button-subtle-focus-border-color: transparent;
|
|
3904
|
+
--utrecht-button-subtle-focus-color: currentColor;
|
|
3905
|
+
--utrecht-button-subtle-hover-border-width: 0;
|
|
3906
|
+
--utrecht-button-hover-scale: 1;
|
|
3907
|
+
--utrecht-button-focus-scale: 1;
|
|
3908
|
+
--utrecht-button-group-margin-block-start: var(--utrecht-navigation-toggle-button-margin-block-start);
|
|
3909
|
+
--utrecht-button-group-margin-block-end: var(--utrecht-navigation-toggle-button-margin-block-end);
|
|
3910
|
+
justify-content: flex-end;
|
|
3911
|
+
padding-inline-end: var(--utrecht-navigation-toggle-button-padding-inline-end);
|
|
3912
|
+
}
|
|
3913
|
+
|
|
3914
|
+
.utrecht-icon-custom {
|
|
3915
|
+
margin-inline-end: var(--utrecht-icon-custom-margin-inline-end);
|
|
3916
|
+
}
|
|
3917
|
+
|
|
3918
|
+
.utrecht-navigation__toggle-button--start-end {
|
|
3919
|
+
--utrecht-button-group-margin-block-start: calc(-1 * var(--utrecht-navigation-toggle-button-offset-start));
|
|
3920
|
+
margin-inline-end: calc(-1 * var(--utrecht-navigation-toggle-button-offset-end));
|
|
3921
|
+
}
|
|
3922
|
+
|
|
3923
|
+
.utrecht-navigation__toggle-button-close {
|
|
3924
|
+
margin-block-end: var(--utrecht-navigation-toggle-button-close, 32px);
|
|
3925
|
+
margin-inline-end: calc(-1 * var(--utrecht-navigation-toggle-button-offset-end, 16px));
|
|
3926
|
+
margin-inline-start: auto;
|
|
3927
|
+
}
|
|
3928
|
+
|
|
3929
|
+
@media (width >= 600px) {
|
|
3930
|
+
.utrecht-navigation-drawer {
|
|
3931
|
+
--utrecht-navigation-drawer-min-inline-size: var(--utrecht-navigation-drawer-mobile-min-inline-size);
|
|
3932
|
+
}
|
|
3933
|
+
}
|
|
3678
3934
|
.utrecht-number-badge {
|
|
3679
3935
|
background-color: var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
|
|
3680
3936
|
border-color: var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));
|
package/dist/prince-xml.css
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c) 2020-2025 Frameless B.V.
|
|
4
|
-
* Copyright (c) 2021-2025 Gemeente Utrecht
|
|
5
|
-
*/
|
|
6
1
|
/**
|
|
7
2
|
* @license EUPL-1.2
|
|
8
3
|
* Copyright (c) 2024-2025 Gemeente Utrecht
|
|
@@ -21,6 +16,11 @@
|
|
|
21
16
|
* @license EUPL-1.2
|
|
22
17
|
* Copyright (c) 2022 Frameless B.V.
|
|
23
18
|
*/
|
|
19
|
+
/**
|
|
20
|
+
* @license EUPL-1.2
|
|
21
|
+
* Copyright (c) 2020-2025 Frameless B.V.
|
|
22
|
+
* Copyright (c) 2021-2025 Gemeente Utrecht
|
|
23
|
+
*/
|
|
24
24
|
/**
|
|
25
25
|
* @license EUPL-1.2
|
|
26
26
|
* Copyright (c) 2020-2024 Frameless B.V.
|
|
@@ -1823,13 +1823,6 @@
|
|
|
1823
1823
|
-webkit-user-select: none;
|
|
1824
1824
|
user-select: none;
|
|
1825
1825
|
}
|
|
1826
|
-
@media print {
|
|
1827
|
-
.utrecht-checkbox {
|
|
1828
|
-
min-height: 1.5em;
|
|
1829
|
-
min-width: 1.5em;
|
|
1830
|
-
-prince-pdf-form: enable;
|
|
1831
|
-
}
|
|
1832
|
-
}
|
|
1833
1826
|
.utrecht-checkbox--disabled {
|
|
1834
1827
|
cursor: var(--utrecht-action-disabled-cursor, revert);
|
|
1835
1828
|
}
|
|
@@ -1913,7 +1906,6 @@
|
|
|
1913
1906
|
column-gap: var(--utrecht-column-layout-gap, 2em);
|
|
1914
1907
|
column-width: var(--utrecht-column-layout-column-width, 40ch);
|
|
1915
1908
|
display: block;
|
|
1916
|
-
column-width: var(--utrecht-column-layout-column-width, 25em);
|
|
1917
1909
|
}
|
|
1918
1910
|
@media print {
|
|
1919
1911
|
.utrecht-column-layout {
|
|
@@ -2373,6 +2365,8 @@
|
|
|
2373
2365
|
.utrecht-figure {
|
|
2374
2366
|
margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));
|
|
2375
2367
|
margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));
|
|
2368
|
+
margin-right: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-end, 0));
|
|
2369
|
+
margin-left: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-start, 0));
|
|
2376
2370
|
}
|
|
2377
2371
|
|
|
2378
2372
|
.utrecht-figure__caption {
|
|
@@ -3425,10 +3419,6 @@
|
|
|
3425
3419
|
min-height: var(--utrecht-logo-min-block-size);
|
|
3426
3420
|
min-width: var(--utrecht-logo-min-inline-size);
|
|
3427
3421
|
}
|
|
3428
|
-
.utrecht-logo svg[role=img][aria-label] {
|
|
3429
|
-
-prince-alt-text: attr(aria-label);
|
|
3430
|
-
-prince-pdf-tag-type: figure;
|
|
3431
|
-
}
|
|
3432
3422
|
.utrecht-logo > img,
|
|
3433
3423
|
.utrecht-logo > picture,
|
|
3434
3424
|
.utrecht-logo > svg {
|
|
@@ -3537,6 +3527,260 @@
|
|
|
3537
3527
|
padding-left: var(--utrecht-nav-bar-link-padding-inline-start);
|
|
3538
3528
|
text-decoration: none;
|
|
3539
3529
|
}
|
|
3530
|
+
.utrecht-navigation {
|
|
3531
|
+
border-bottom-color: var(--utrecht-navigation-border-block-end-color);
|
|
3532
|
+
border-bottom-style: solid;
|
|
3533
|
+
border-bottom-width: var(--utrecht-navigation-border-block-end-width);
|
|
3534
|
+
border-top-color: var(--utrecht-navigation-border-block-start-color);
|
|
3535
|
+
border-top-style: solid;
|
|
3536
|
+
border-top-width: var(--utrecht-navigation-border-block-start-width);
|
|
3537
|
+
margin-bottom: var(--utrecht-nav-margin-back-end);
|
|
3538
|
+
margin-top: var(--utrecht-nav-margin-back-start);
|
|
3539
|
+
}
|
|
3540
|
+
|
|
3541
|
+
.utrecht-navigation--mobile {
|
|
3542
|
+
align-items: flex-end;
|
|
3543
|
+
height: 100%;
|
|
3544
|
+
display: flex;
|
|
3545
|
+
flex: 1;
|
|
3546
|
+
flex-direction: column;
|
|
3547
|
+
width: 100%;
|
|
3548
|
+
justify-content: var(--utrecht-navigation-mobile-justify-content, flex-start);
|
|
3549
|
+
}
|
|
3550
|
+
|
|
3551
|
+
.utrecht-navigation-drawer {
|
|
3552
|
+
--utrecht-drawer-padding-block-start: 0;
|
|
3553
|
+
--utrecht-drawer-padding-inline-start: 0;
|
|
3554
|
+
--utrecht-drawer-padding-inline-end: 0;
|
|
3555
|
+
--utrecht-drawer-min-inline-size: var(--utrecht-navigation-drawer-min-inline-size);
|
|
3556
|
+
}
|
|
3557
|
+
|
|
3558
|
+
.utrecht-navigation-drawer[prince-xml-ignore-pseudo-element-backdrop] {
|
|
3559
|
+
--utrecht-backdrop-background-color: var(--utrecht-navigation-drawer-backdrop-background-color);
|
|
3560
|
+
}
|
|
3561
|
+
|
|
3562
|
+
.utrecht-navigation__item {
|
|
3563
|
+
border-bottom-color: var(--utrecht-navigation-item-border-block-end-color);
|
|
3564
|
+
border-bottom-style: solid;
|
|
3565
|
+
border-bottom-width: var(--utrecht-navigation-item-border-block-end-width);
|
|
3566
|
+
border-top-color: var(--utrecht-navigation-item-border-block-start-color);
|
|
3567
|
+
border-top-style: solid;
|
|
3568
|
+
border-top-width: var(--utrecht-navigation-item-border-block-start-width);
|
|
3569
|
+
flex: 1 1 auto;
|
|
3570
|
+
padding-bottom: var(--utrecht-navigation-item-padding-block-end);
|
|
3571
|
+
padding-top: var(--utrecht-navigation-item-padding-block-start);
|
|
3572
|
+
padding-right: var(--utrecht-navigation-item-padding-inline-end);
|
|
3573
|
+
padding-left: var(--utrecht-navigation-item-padding-inline-start);
|
|
3574
|
+
}
|
|
3575
|
+
.utrecht-navigation__item:last-child .utrecht-navigation__link {
|
|
3576
|
+
border-right: none;
|
|
3577
|
+
}
|
|
3578
|
+
|
|
3579
|
+
.utrecht-navigation__item--mobile {
|
|
3580
|
+
--utrecht-navigation-item-padding-block-start: var(--utrecht-navigation-item-mobile-padding-block-start);
|
|
3581
|
+
--utrecht-navigation-item-padding-block-end: var(--utrecht-navigation-item-mobile-padding-block-end);
|
|
3582
|
+
--utrecht-navigation-item-padding-inline-start: var(--utrecht-navigation-item-mobile-padding-inline-start);
|
|
3583
|
+
--utrecht-navigation-item-padding-inline-end: var(--utrecht-navigation-item-mobile-padding-inline-end);
|
|
3584
|
+
--utrecht-navigation-item-border-block-end-color: var(--utrecht-navigation-item-mobile-border-block-end-color);
|
|
3585
|
+
--utrecht-navigation-item-border-block-end-width: var(--utrecht-navigation-item-mobile-border-block-end-width);
|
|
3586
|
+
}
|
|
3587
|
+
.utrecht-navigation__item--mobile:first-of-type {
|
|
3588
|
+
--utrecht-navigation-item-border-block-start-color: var(--utrecht-navigation-item-mobile-border-block-start-color);
|
|
3589
|
+
--utrecht-navigation-item-border-block-start-width: var(--utrecht-navigation-item-mobile-border-block-start-width);
|
|
3590
|
+
}
|
|
3591
|
+
|
|
3592
|
+
.utrecht-navigation__link {
|
|
3593
|
+
--utrecht-link-focus-text-decoration: underline;
|
|
3594
|
+
--utrecht-link-focus-text-decoration-thickness: var(--utrecht-navigation-link-focus-text-decoration-thickness);
|
|
3595
|
+
--utrecht-link-text-decoration: none;
|
|
3596
|
+
--utrecht-link-active-color: var(--utrecht-navigation-link-active-color);
|
|
3597
|
+
--utrecht-link-hover-text-decoration-thickness: var(--utrecht-navigation-link-hover-decoration-thickness);
|
|
3598
|
+
--utrecht-link-hover-color: var(--utrecht-navigation-link-hover-color);
|
|
3599
|
+
--utrecht-link-color: var(--utrecht-navigation-link-color);
|
|
3600
|
+
--utrecht-link-visited-color: var(--utrecht-navigation-link-color);
|
|
3601
|
+
align-items: var(--_utrecht-navigation-link-align-items, center);
|
|
3602
|
+
background-color: var(--utrecht-navigation-link-background-color);
|
|
3603
|
+
border-right-color: var(--utrecht-navigation-link-border-color);
|
|
3604
|
+
border-right-style: solid;
|
|
3605
|
+
border-right-width: var(--utrecht-navigation-link-border-inline-end-width);
|
|
3606
|
+
display: flex;
|
|
3607
|
+
font-weight: var(--utrecht-navigation-link-font-weight);
|
|
3608
|
+
gap: var(--utrecht-navigation-link-gap, 8px);
|
|
3609
|
+
justify-content: var(--_utrecht-navigation-link-justify-content, center);
|
|
3610
|
+
padding-bottom: var(--utrecht-navigation-link-padding-block-end);
|
|
3611
|
+
padding-top: var(--utrecht-navigation-link-padding-block-start);
|
|
3612
|
+
padding-right: var(--utrecht-navigation-link-padding-inline-end);
|
|
3613
|
+
padding-left: var(--utrecht-navigation-link-padding-inline-start);
|
|
3614
|
+
text-align: var(--utrecht-navigation-link-text-align);
|
|
3615
|
+
}
|
|
3616
|
+
|
|
3617
|
+
.utrecht-navigation__link:hover {
|
|
3618
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-hover-background-color);
|
|
3619
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3620
|
+
--utrecht-navigation-marker-outline-hover-fill: currentColor;
|
|
3621
|
+
}
|
|
3622
|
+
|
|
3623
|
+
.utrecht-navigation__link:focus {
|
|
3624
|
+
--utrecht-link-focus-color: var(--utrecht-navigation-link-focus-color);
|
|
3625
|
+
--utrecht-link-focus-background-color: var(--utrecht-color-yellow-80);
|
|
3626
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3627
|
+
--utrecht-navigation-marker-outline-hover-fill: currentColor;
|
|
3628
|
+
}
|
|
3629
|
+
|
|
3630
|
+
.utrecht-navigation__link:active:focus {
|
|
3631
|
+
--utrecht-link-focus-color: var(--utrecht-navigation-link-active-focus-color);
|
|
3632
|
+
}
|
|
3633
|
+
|
|
3634
|
+
.utrecht-navigation__link--mobile {
|
|
3635
|
+
--_utrecht-navigation-link-align-items: center;
|
|
3636
|
+
--_utrecht-navigation-link-justify-content: normal;
|
|
3637
|
+
--utrecht-navigation-link-padding-inline-start: var(--utrecht-navigation-link-mobile-padding-inline-start);
|
|
3638
|
+
--utrecht-navigation-link-padding-inline-end: var(--utrecht-navigation-link-mobile-padding-inline-end);
|
|
3639
|
+
--utrecht-navigation-link-padding-block-start: var(--utrecht-navigation-link-mobile-padding-block-start);
|
|
3640
|
+
--utrecht-navigation-link-padding-block-end: var(--utrecht-navigation-link-mobile-padding-block-end);
|
|
3641
|
+
--utrecht-navigation-link-border-inline-end-width: 0;
|
|
3642
|
+
--utrecht-navigation-link-border-color: transparent;
|
|
3643
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-mobile-background-color);
|
|
3644
|
+
--utrecht-navigation-link-color: var(--utrecht-navigation-link-mobile-color);
|
|
3645
|
+
--utrecht-navigation-link-justify-content: var(--utrecht-navigation-link-mobile-justify-content, flex-start);
|
|
3646
|
+
flex: 1 1 auto;
|
|
3647
|
+
min-height: var(--utrecht-navigation-link-mobile-min-block-size);
|
|
3648
|
+
transition-duration: var(--utrecht-navigation-link-mobile-transition-duration);
|
|
3649
|
+
transition-property: font-weight;
|
|
3650
|
+
transition-timing-function: var(--utrecht-navigation-link-mobile-transition-timing-function);
|
|
3651
|
+
}
|
|
3652
|
+
|
|
3653
|
+
.utrecht-navigation__link--mobile:hover {
|
|
3654
|
+
--utrecht-navigation-link-background-color: var(--utrecht-navigation-link-mobile-hover-background-color);
|
|
3655
|
+
--utrecht-link-hover-color: var(--utrecht-navigation-link-mobile-hover-color);
|
|
3656
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-mobile-hover-font-weight);
|
|
3657
|
+
}
|
|
3658
|
+
|
|
3659
|
+
.utrecht-navigation__link--is-current {
|
|
3660
|
+
--utrecht-navigation-link-font-weight: var(--utrecht-navigation-link-is-current-font-weight);
|
|
3661
|
+
}
|
|
3662
|
+
|
|
3663
|
+
.utrecht-navigation__list {
|
|
3664
|
+
display: var(--utrecht-navigation-list-display, flex);
|
|
3665
|
+
width: var(--utrecht-navigation-list-inline-size);
|
|
3666
|
+
list-style: none;
|
|
3667
|
+
margin-bottom: 0;
|
|
3668
|
+
margin-top: 0;
|
|
3669
|
+
padding-bottom: var(--utrecht-navigation-list-padding-block-end);
|
|
3670
|
+
padding-top: var(--utrecht-navigation-list-padding-block-start);
|
|
3671
|
+
padding-right: var(--utrecht-navigation-list-padding-inline-end);
|
|
3672
|
+
padding-left: var(--utrecht-navigation-list-padding-inline-start);
|
|
3673
|
+
}
|
|
3674
|
+
|
|
3675
|
+
.utrecht-navigation__list:focus {
|
|
3676
|
+
outline: none;
|
|
3677
|
+
}
|
|
3678
|
+
|
|
3679
|
+
.utrecht-navigation__list--mobile {
|
|
3680
|
+
--utrecht-navigation-list-display: block;
|
|
3681
|
+
--utrecht-navigation-list-padding-block-start: var(--utrecht-navigation-list-mobile-padding-block-start);
|
|
3682
|
+
--utrecht-navigation-list-padding-block-end: var(--utrecht-navigation-list-mobile-padding-block-end);
|
|
3683
|
+
--utrecht-navigation-list-padding-inline-start: var(--utrecht-navigation-list-mobile-padding-inline-start);
|
|
3684
|
+
--utrecht-navigation-list-padding-inline-end: var(--utrecht-navigation-list-mobile-padding-inline-end);
|
|
3685
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-mobile-inline-size);
|
|
3686
|
+
background-color: var(--utrecht-navigation-list-mobile-background-color);
|
|
3687
|
+
height: 100%;
|
|
3688
|
+
box-sizing: border-box;
|
|
3689
|
+
flex: 1;
|
|
3690
|
+
overflow-y: auto;
|
|
3691
|
+
}
|
|
3692
|
+
|
|
3693
|
+
.utrecht-navigation__list--side-nav {
|
|
3694
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-side-nav-inline-size);
|
|
3695
|
+
}
|
|
3696
|
+
|
|
3697
|
+
.utrecht-navigation__list--sub-list {
|
|
3698
|
+
display: var(--utrecht-navigation-list-display, flex);
|
|
3699
|
+
width: var(--utrecht-navigation-list-inline-size);
|
|
3700
|
+
list-style: none;
|
|
3701
|
+
margin-bottom: 0;
|
|
3702
|
+
margin-top: 0;
|
|
3703
|
+
padding-bottom: var(--utrecht-navigation-list-padding-block-end);
|
|
3704
|
+
padding-top: var(--utrecht-navigation-list-padding-block-start);
|
|
3705
|
+
padding-right: var(--utrecht-navigation-list-padding-inline-end);
|
|
3706
|
+
padding-left: var(--utrecht-navigation-list-padding-inline-start);
|
|
3707
|
+
--utrecht-navigation-list-display: block;
|
|
3708
|
+
--utrecht-navigation-list-padding-block-start: var(--utrecht-navigation-list-mobile-padding-block-start);
|
|
3709
|
+
--utrecht-navigation-list-padding-block-end: var(--utrecht-navigation-list-mobile-padding-block-end);
|
|
3710
|
+
--utrecht-navigation-list-padding-inline-start: var(--utrecht-navigation-list-mobile-padding-inline-start);
|
|
3711
|
+
--utrecht-navigation-list-padding-inline-end: var(--utrecht-navigation-list-mobile-padding-inline-end);
|
|
3712
|
+
--utrecht-navigation-list-inline-size: var(--utrecht-navigation-list-mobile-inline-size);
|
|
3713
|
+
background-color: var(--utrecht-navigation-list-mobile-background-color);
|
|
3714
|
+
height: 100%;
|
|
3715
|
+
box-sizing: border-box;
|
|
3716
|
+
flex: 1;
|
|
3717
|
+
overflow-y: auto;
|
|
3718
|
+
width: 100%;
|
|
3719
|
+
padding-bottom: 0;
|
|
3720
|
+
padding-top: 0;
|
|
3721
|
+
padding-right: 0;
|
|
3722
|
+
}
|
|
3723
|
+
|
|
3724
|
+
.utrecht-navigation__list--sub-list-item {
|
|
3725
|
+
--utrecht-navigation-item-border-block-start-width: 0;
|
|
3726
|
+
--utrecht-navigation-item-border-block-end-width: 0;
|
|
3727
|
+
--utrecht-navigation-item-mobile-border-block-start-width: 0;
|
|
3728
|
+
--utrecht-navigation-item-mobile-border-block-end-width: 0;
|
|
3729
|
+
--utrecht-navigation-list-mobile-padding-inline-end: 0;
|
|
3730
|
+
}
|
|
3731
|
+
|
|
3732
|
+
.utrecht-navigation__marker {
|
|
3733
|
+
color: var(--utrecht-navigation-marker-color);
|
|
3734
|
+
flex-shrink: 0;
|
|
3735
|
+
}
|
|
3736
|
+
|
|
3737
|
+
.utrecht-navigation__marker--current {
|
|
3738
|
+
--utrecht-navigation-marker-color: currentColor;
|
|
3739
|
+
}
|
|
3740
|
+
|
|
3741
|
+
.utrecht-navigation__marker--outline {
|
|
3742
|
+
fill: var(--utrecht-navigation-marker-outline-hover-fill, none);
|
|
3743
|
+
}
|
|
3744
|
+
|
|
3745
|
+
.utrecht-navigation__toggle-button {
|
|
3746
|
+
--utrecht-button-subtle-color: currentColor;
|
|
3747
|
+
--utrecht-button-subtle-hover-color: currentColor;
|
|
3748
|
+
--utrecht-button-subtle-hover-border-color: transparent;
|
|
3749
|
+
--utrecht-button-subtle-active-background-color: transparent;
|
|
3750
|
+
--utrecht-button-subtle-active-border-color: transparent;
|
|
3751
|
+
--utrecht-button-subtle-active-color: currentColor;
|
|
3752
|
+
--utrecht-button-subtle-focus-background-color: transparent;
|
|
3753
|
+
--utrecht-button-subtle-focus-border-color: transparent;
|
|
3754
|
+
--utrecht-button-subtle-focus-color: currentColor;
|
|
3755
|
+
--utrecht-button-subtle-hover-border-width: 0;
|
|
3756
|
+
--utrecht-button-hover-scale: 1;
|
|
3757
|
+
--utrecht-button-focus-scale: 1;
|
|
3758
|
+
--utrecht-button-group-margin-block-start: var(--utrecht-navigation-toggle-button-margin-block-start);
|
|
3759
|
+
--utrecht-button-group-margin-block-end: var(--utrecht-navigation-toggle-button-margin-block-end);
|
|
3760
|
+
justify-content: flex-end;
|
|
3761
|
+
padding-right: var(--utrecht-navigation-toggle-button-padding-inline-end);
|
|
3762
|
+
}
|
|
3763
|
+
|
|
3764
|
+
.utrecht-icon-custom {
|
|
3765
|
+
margin-right: var(--utrecht-icon-custom-margin-inline-end);
|
|
3766
|
+
}
|
|
3767
|
+
|
|
3768
|
+
.utrecht-navigation__toggle-button--start-end {
|
|
3769
|
+
--utrecht-button-group-margin-block-start: calc(-1 * var(--utrecht-navigation-toggle-button-offset-start));
|
|
3770
|
+
margin-right: calc(-1 * var(--utrecht-navigation-toggle-button-offset-end));
|
|
3771
|
+
}
|
|
3772
|
+
|
|
3773
|
+
.utrecht-navigation__toggle-button-close {
|
|
3774
|
+
margin-bottom: var(--utrecht-navigation-toggle-button-close, 32px);
|
|
3775
|
+
margin-right: calc(-1 * var(--utrecht-navigation-toggle-button-offset-end, 16px));
|
|
3776
|
+
margin-left: auto;
|
|
3777
|
+
}
|
|
3778
|
+
|
|
3779
|
+
@media (width >= 600px) {
|
|
3780
|
+
.utrecht-navigation-drawer {
|
|
3781
|
+
--utrecht-navigation-drawer-min-inline-size: var(--utrecht-navigation-drawer-mobile-min-inline-size);
|
|
3782
|
+
}
|
|
3783
|
+
}
|
|
3540
3784
|
.utrecht-number-badge {
|
|
3541
3785
|
background-color: var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
|
|
3542
3786
|
border-color: var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));
|
|
@@ -3922,13 +4166,6 @@
|
|
|
3922
4166
|
user-select: none;
|
|
3923
4167
|
vertical-align: top;
|
|
3924
4168
|
}
|
|
3925
|
-
@media print {
|
|
3926
|
-
.utrecht-radio-button {
|
|
3927
|
-
min-height: 1.5em;
|
|
3928
|
-
min-width: 1.5em;
|
|
3929
|
-
-prince-pdf-form: enable;
|
|
3930
|
-
}
|
|
3931
|
-
}
|
|
3932
4169
|
|
|
3933
4170
|
.utrecht-radio-button--checked {
|
|
3934
4171
|
--_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
|
|
@@ -6180,11 +6417,6 @@
|
|
|
6180
6417
|
padding-right: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
|
|
6181
6418
|
padding-left: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
|
|
6182
6419
|
}
|
|
6183
|
-
@media print {
|
|
6184
|
-
.utrecht-select {
|
|
6185
|
-
-prince-pdf-form: enable;
|
|
6186
|
-
}
|
|
6187
|
-
}
|
|
6188
6420
|
|
|
6189
6421
|
.utrecht-select--disabled {
|
|
6190
6422
|
background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
|
|
@@ -6718,33 +6950,19 @@
|
|
|
6718
6950
|
list-style-type: none;
|
|
6719
6951
|
padding-left: 0;
|
|
6720
6952
|
page-break-inside: avoid;
|
|
6721
|
-
-prince-pdf-tag-type: TOC;
|
|
6722
|
-
margin-left: 0;
|
|
6723
|
-
margin-top: 0;
|
|
6724
|
-
margin-right: 0;
|
|
6725
6953
|
}
|
|
6726
6954
|
|
|
6727
6955
|
.utrecht-table-of-contents__list-item {
|
|
6728
6956
|
margin-bottom: var(--utrecht-unordered-list-item-margin-block-end);
|
|
6729
6957
|
margin-top: var(--utrecht-unordered-list-item-margin-block-start);
|
|
6730
|
-
-prince-pdf-tag-type: TOCI;
|
|
6731
6958
|
}
|
|
6732
6959
|
|
|
6733
6960
|
.utrecht-table-of-contents__list-item::before {
|
|
6734
6961
|
content: "";
|
|
6735
6962
|
}
|
|
6736
6963
|
|
|
6737
|
-
.utrecht-table-of-contents__list-item-body {
|
|
6738
|
-
-prince-pdf-tag-type: P;
|
|
6739
|
-
}
|
|
6740
|
-
|
|
6741
6964
|
.utrecht-table-of-contents__list-item-label {
|
|
6742
6965
|
font-variant-numeric: lining-nums tabular-nums;
|
|
6743
|
-
-prince-pdf-tag-type: Lbl;
|
|
6744
|
-
}
|
|
6745
|
-
|
|
6746
|
-
.utrecht-table-of-contents__list-item-title {
|
|
6747
|
-
-prince-pdf-tag-type: Span;
|
|
6748
6966
|
}
|
|
6749
6967
|
.utrecht-textarea {
|
|
6750
6968
|
background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
|
|
@@ -6771,15 +6989,6 @@
|
|
|
6771
6989
|
resize: vertical;
|
|
6772
6990
|
resize: block;
|
|
6773
6991
|
}
|
|
6774
|
-
@media print {
|
|
6775
|
-
.utrecht-textarea {
|
|
6776
|
-
-prince-pdf-form: enable;
|
|
6777
|
-
border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)) !important;
|
|
6778
|
-
border-bottom-width: auto !important;
|
|
6779
|
-
border-color: var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color)) !important;
|
|
6780
|
-
width: 100%;
|
|
6781
|
-
}
|
|
6782
|
-
}
|
|
6783
6992
|
|
|
6784
6993
|
.utrecht-textarea--invalid {
|
|
6785
6994
|
--_utrecht-textarea-border-width: var(
|
|
@@ -6910,15 +7119,6 @@
|
|
|
6910
7119
|
padding-right: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
|
|
6911
7120
|
padding-left: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
|
|
6912
7121
|
}
|
|
6913
|
-
@media print {
|
|
6914
|
-
.utrecht-textbox {
|
|
6915
|
-
-prince-pdf-form: enable;
|
|
6916
|
-
border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) !important;
|
|
6917
|
-
border-bottom-width: auto !important;
|
|
6918
|
-
border-color: var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color)) !important;
|
|
6919
|
-
width: 100%;
|
|
6920
|
-
}
|
|
6921
|
-
}
|
|
6922
7122
|
|
|
6923
7123
|
.utrecht-textbox--invalid {
|
|
6924
7124
|
--_utrecht-textbox-border-width: var(
|
|
@@ -7711,13 +7911,6 @@
|
|
|
7711
7911
|
-webkit-user-select: none;
|
|
7712
7912
|
user-select: none;
|
|
7713
7913
|
}
|
|
7714
|
-
@media print {
|
|
7715
|
-
.utrecht-html input[type=checkbox i] {
|
|
7716
|
-
min-height: 1.5em;
|
|
7717
|
-
min-width: 1.5em;
|
|
7718
|
-
-prince-pdf-form: enable;
|
|
7719
|
-
}
|
|
7720
|
-
}
|
|
7721
7914
|
.utrecht-html input[type=checkbox i]:disabled {
|
|
7722
7915
|
cursor: var(--utrecht-action-disabled-cursor, revert);
|
|
7723
7916
|
}
|
|
@@ -7782,6 +7975,8 @@
|
|
|
7782
7975
|
.utrecht-html figure {
|
|
7783
7976
|
margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0));
|
|
7784
7977
|
margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0));
|
|
7978
|
+
margin-right: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-end, 0));
|
|
7979
|
+
margin-left: calc(var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-inline-start, 0));
|
|
7785
7980
|
}
|
|
7786
7981
|
.utrecht-html figcaption {
|
|
7787
7982
|
color: var(--utrecht-figure-caption-color);
|
|
@@ -8094,13 +8289,6 @@
|
|
|
8094
8289
|
user-select: none;
|
|
8095
8290
|
vertical-align: top;
|
|
8096
8291
|
}
|
|
8097
|
-
@media print {
|
|
8098
|
-
.utrecht-html input[type=radio i] {
|
|
8099
|
-
min-height: 1.5em;
|
|
8100
|
-
min-width: 1.5em;
|
|
8101
|
-
-prince-pdf-form: enable;
|
|
8102
|
-
}
|
|
8103
|
-
}
|
|
8104
8292
|
.utrecht-html input[type=radio i]:checked {
|
|
8105
8293
|
--_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
|
|
8106
8294
|
--_utrecht-radio-button-state-background-color: var(--utrecht-radio-button-checked-background-color);
|
|
@@ -8240,11 +8428,6 @@
|
|
|
8240
8428
|
padding-right: var(--utrecht-select-padding-inline-end, var(--utrecht-form-control-padding-inline-end));
|
|
8241
8429
|
padding-left: var(--utrecht-select-padding-inline-start, var(--utrecht-form-control-padding-inline-start));
|
|
8242
8430
|
}
|
|
8243
|
-
@media print {
|
|
8244
|
-
.utrecht-html select {
|
|
8245
|
-
-prince-pdf-form: enable;
|
|
8246
|
-
}
|
|
8247
|
-
}
|
|
8248
8431
|
.utrecht-html select:hover {
|
|
8249
8432
|
background-color: var(--utrecht-select-hover-background-color, var(--utrecht-form-control-hover-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
|
|
8250
8433
|
border-color: var(--utrecht-select-hover-border-color, var(--utrecht-form-control-hover-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
|
|
@@ -8426,15 +8609,6 @@
|
|
|
8426
8609
|
resize: vertical;
|
|
8427
8610
|
resize: block;
|
|
8428
8611
|
}
|
|
8429
|
-
@media print {
|
|
8430
|
-
.utrecht-html textarea {
|
|
8431
|
-
-prince-pdf-form: enable;
|
|
8432
|
-
border-width: var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)) !important;
|
|
8433
|
-
border-bottom-width: auto !important;
|
|
8434
|
-
border-color: var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color)) !important;
|
|
8435
|
-
width: 100%;
|
|
8436
|
-
}
|
|
8437
|
-
}
|
|
8438
8612
|
.utrecht-html textarea:focus {
|
|
8439
8613
|
background-color: var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
|
|
8440
8614
|
border-color: var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
|
|
@@ -8523,27 +8697,6 @@
|
|
|
8523
8697
|
padding-right: var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));
|
|
8524
8698
|
padding-left: var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));
|
|
8525
8699
|
}
|
|
8526
|
-
@media print {
|
|
8527
|
-
.utrecht-html input:not([type]),
|
|
8528
|
-
.utrecht-html input[type=date i],
|
|
8529
|
-
.utrecht-html input[type=datetime-local i],
|
|
8530
|
-
.utrecht-html input[type=email i],
|
|
8531
|
-
.utrecht-html input[type=month i],
|
|
8532
|
-
.utrecht-html input[type=number i],
|
|
8533
|
-
.utrecht-html input[type=password i],
|
|
8534
|
-
.utrecht-html input[type=search i],
|
|
8535
|
-
.utrecht-html input[type=tel i],
|
|
8536
|
-
.utrecht-html input[type=text i],
|
|
8537
|
-
.utrecht-html input[type=time i],
|
|
8538
|
-
.utrecht-html input[type=url i],
|
|
8539
|
-
.utrecht-html input[type=week i] {
|
|
8540
|
-
-prince-pdf-form: enable;
|
|
8541
|
-
border-width: var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)) !important;
|
|
8542
|
-
border-bottom-width: auto !important;
|
|
8543
|
-
border-color: var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color)) !important;
|
|
8544
|
-
width: 100%;
|
|
8545
|
-
}
|
|
8546
|
-
}
|
|
8547
8700
|
.utrecht-html input:not([type]):focus,
|
|
8548
8701
|
.utrecht-html input[type=date i]:focus,
|
|
8549
8702
|
.utrecht-html input[type=datetime-local i]:focus,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "8.
|
|
2
|
+
"version": "8.1.1",
|
|
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",
|
|
@@ -20,104 +20,105 @@
|
|
|
20
20
|
"directory": "packages/component-library-css"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@utrecht/
|
|
24
|
-
"@utrecht/
|
|
25
|
-
"@utrecht/alert-css": "2.
|
|
26
|
-
"@utrecht/
|
|
27
|
-
"@utrecht/
|
|
28
|
-
"@utrecht/
|
|
29
|
-
"@utrecht/
|
|
30
|
-
"@utrecht/badge-
|
|
31
|
-
"@utrecht/badge-
|
|
32
|
-
"@utrecht/
|
|
33
|
-
"@utrecht/
|
|
34
|
-
"@utrecht/
|
|
35
|
-
"@utrecht/button-
|
|
36
|
-
"@utrecht/button-
|
|
37
|
-
"@utrecht/
|
|
38
|
-
"@utrecht/
|
|
39
|
-
"@utrecht/
|
|
40
|
-
"@utrecht/code-css": "
|
|
41
|
-
"@utrecht/
|
|
42
|
-
"@utrecht/
|
|
43
|
-
"@utrecht/
|
|
44
|
-
"@utrecht/
|
|
45
|
-
"@utrecht/
|
|
46
|
-
"@utrecht/
|
|
47
|
-
"@utrecht/data-
|
|
48
|
-
"@utrecht/data-
|
|
23
|
+
"@utrecht/accordion-css": "3.0.0",
|
|
24
|
+
"@utrecht/action-group-css": "3.0.0",
|
|
25
|
+
"@utrecht/alert-dialog-css": "2.0.0",
|
|
26
|
+
"@utrecht/alternate-lang-nav-css": "2.0.0",
|
|
27
|
+
"@utrecht/article-css": "2.0.0",
|
|
28
|
+
"@utrecht/backdrop-css": "2.0.0",
|
|
29
|
+
"@utrecht/badge-counter-css": "2.0.0",
|
|
30
|
+
"@utrecht/badge-list-css": "3.0.0",
|
|
31
|
+
"@utrecht/badge-status-css": "2.0.0",
|
|
32
|
+
"@utrecht/blockquote-css": "2.0.0",
|
|
33
|
+
"@utrecht/body-css": "2.0.0",
|
|
34
|
+
"@utrecht/breadcrumb-nav-css": "2.0.0",
|
|
35
|
+
"@utrecht/button-css": "3.0.0",
|
|
36
|
+
"@utrecht/button-group-css": "2.0.0",
|
|
37
|
+
"@utrecht/button-link-css": "2.0.0",
|
|
38
|
+
"@utrecht/calendar-css": "2.0.0",
|
|
39
|
+
"@utrecht/checkbox-css": "2.0.0",
|
|
40
|
+
"@utrecht/code-block-css": "2.0.0",
|
|
41
|
+
"@utrecht/code-css": "2.0.0",
|
|
42
|
+
"@utrecht/color-sample-css": "2.0.0",
|
|
43
|
+
"@utrecht/column-layout-css": "2.0.0",
|
|
44
|
+
"@utrecht/combobox-css": "2.0.0",
|
|
45
|
+
"@utrecht/currency-data-css": "2.0.0",
|
|
46
|
+
"@utrecht/custom-checkbox-css": "2.0.0",
|
|
47
|
+
"@utrecht/data-badge-css": "2.0.0",
|
|
48
|
+
"@utrecht/data-list-css": "2.0.0",
|
|
49
|
+
"@utrecht/data-placeholder-css": "2.0.0",
|
|
49
50
|
"@utrecht/digid-button-css": "1.4.1",
|
|
50
|
-
"@utrecht/document-css": "
|
|
51
|
-
"@utrecht/
|
|
52
|
-
"@utrecht/
|
|
53
|
-
"@utrecht/figure-css": "
|
|
54
|
-
"@utrecht/form-css": "
|
|
55
|
-
"@utrecht/form-field-css": "
|
|
56
|
-
"@utrecht/form-field-description-css": "
|
|
57
|
-
"@utrecht/form-field-error-message-css": "
|
|
58
|
-
"@utrecht/form-fieldset-css": "
|
|
59
|
-
"@utrecht/form-label-css": "
|
|
60
|
-
"@utrecht/form-toggle-css": "
|
|
61
|
-
"@utrecht/heading-1-css": "
|
|
62
|
-
"@utrecht/heading-2-css": "
|
|
63
|
-
"@utrecht/heading-3-css": "
|
|
64
|
-
"@utrecht/heading-4-css": "
|
|
65
|
-
"@utrecht/heading-5-css": "
|
|
66
|
-
"@utrecht/heading-6-css": "
|
|
67
|
-
"@utrecht/heading-group-css": "
|
|
68
|
-
"@utrecht/html-content-css": "
|
|
69
|
-
"@utrecht/iban-data-css": "
|
|
70
|
-
"@utrecht/icon-css": "
|
|
71
|
-
"@utrecht/img-css": "
|
|
72
|
-
"@utrecht/index-char-nav-css": "
|
|
73
|
-
"@utrecht/link-button-css": "
|
|
74
|
-
"@utrecht/link-css": "
|
|
75
|
-
"@utrecht/link-list-css": "
|
|
76
|
-
"@utrecht/link-social-css": "
|
|
77
|
-
"@utrecht/list-social-css": "
|
|
78
|
-
"@utrecht/listbox-css": "
|
|
51
|
+
"@utrecht/document-css": "2.0.0",
|
|
52
|
+
"@utrecht/drawer-css": "2.0.0",
|
|
53
|
+
"@utrecht/emphasis-css": "2.0.0",
|
|
54
|
+
"@utrecht/figure-css": "2.0.0",
|
|
55
|
+
"@utrecht/form-css": "2.0.0",
|
|
56
|
+
"@utrecht/form-field-css": "2.0.0",
|
|
57
|
+
"@utrecht/form-field-description-css": "2.0.0",
|
|
58
|
+
"@utrecht/form-field-error-message-css": "2.0.0",
|
|
59
|
+
"@utrecht/form-fieldset-css": "2.0.0",
|
|
60
|
+
"@utrecht/form-label-css": "2.0.0",
|
|
61
|
+
"@utrecht/form-toggle-css": "2.0.0",
|
|
62
|
+
"@utrecht/heading-1-css": "2.0.0",
|
|
63
|
+
"@utrecht/heading-2-css": "2.0.0",
|
|
64
|
+
"@utrecht/heading-3-css": "2.0.0",
|
|
65
|
+
"@utrecht/heading-4-css": "2.0.0",
|
|
66
|
+
"@utrecht/heading-5-css": "2.0.0",
|
|
67
|
+
"@utrecht/heading-6-css": "2.0.0",
|
|
68
|
+
"@utrecht/heading-group-css": "2.0.0",
|
|
69
|
+
"@utrecht/html-content-css": "2.0.0",
|
|
70
|
+
"@utrecht/iban-data-css": "2.0.0",
|
|
71
|
+
"@utrecht/icon-css": "3.0.0",
|
|
72
|
+
"@utrecht/img-css": "2.0.0",
|
|
73
|
+
"@utrecht/index-char-nav-css": "2.0.0",
|
|
74
|
+
"@utrecht/link-button-css": "2.0.0",
|
|
75
|
+
"@utrecht/link-css": "2.0.0",
|
|
76
|
+
"@utrecht/link-list-css": "3.0.0",
|
|
77
|
+
"@utrecht/link-social-css": "2.0.0",
|
|
78
|
+
"@utrecht/list-social-css": "2.0.0",
|
|
79
|
+
"@utrecht/listbox-css": "2.0.0",
|
|
79
80
|
"@utrecht/logo-button-css": "1.4.1",
|
|
80
|
-
"@utrecht/logo-css": "
|
|
81
|
+
"@utrecht/logo-css": "2.0.0",
|
|
81
82
|
"@utrecht/logo-image-css": "1.4.1",
|
|
82
|
-
"@utrecht/map-marker-css": "
|
|
83
|
-
"@utrecht/mark-css": "
|
|
84
|
-
"@utrecht/multiline-data-css": "
|
|
83
|
+
"@utrecht/map-marker-css": "2.0.0",
|
|
84
|
+
"@utrecht/mark-css": "2.0.0",
|
|
85
|
+
"@utrecht/multiline-data-css": "2.0.0",
|
|
86
|
+
"@utrecht/nav-bar-css": "2.0.0",
|
|
85
87
|
"@utrecht/nav-list-css": "1.3.1",
|
|
86
|
-
"@utrecht/
|
|
87
|
-
"@utrecht/number-badge-css": "
|
|
88
|
-
"@utrecht/number-data-css": "
|
|
89
|
-
"@utrecht/ordered-list-css": "
|
|
90
|
-
"@utrecht/page-body-css": "0.
|
|
91
|
-
"@utrecht/page-content-css": "
|
|
92
|
-
"@utrecht/page-css": "
|
|
93
|
-
"@utrecht/page-footer-css": "
|
|
94
|
-
"@utrecht/page-header-css": "
|
|
95
|
-
"@utrecht/page-layout-css": "
|
|
96
|
-
"@utrecht/pagination-css": "
|
|
97
|
-
"@utrecht/paragraph-css": "
|
|
98
|
-
"@utrecht/pre-heading-css": "
|
|
99
|
-
"@utrecht/
|
|
100
|
-
"@utrecht/
|
|
101
|
-
"@utrecht/rich-text-css": "
|
|
102
|
-
"@utrecht/root-css": "
|
|
103
|
-
"@utrecht/search-bar-css": "
|
|
104
|
-
"@utrecht/select-css": "
|
|
105
|
-
"@utrecht/separator-css": "
|
|
106
|
-
"@utrecht/skip-link-css": "
|
|
107
|
-
"@utrecht/spotlight-section-css": "
|
|
108
|
-
"@utrecht/surface-css": "
|
|
109
|
-
"@utrecht/table-css": "
|
|
110
|
-
"@utrecht/table-of-contents-css": "0.
|
|
111
|
-
"@utrecht/textarea-css": "
|
|
112
|
-
"@utrecht/textbox-css": "
|
|
113
|
-
"@utrecht/tooltip-css": "
|
|
114
|
-
"@utrecht/top-task-link-css": "
|
|
88
|
+
"@utrecht/navigation-css": "1.0.0",
|
|
89
|
+
"@utrecht/number-badge-css": "3.0.0",
|
|
90
|
+
"@utrecht/number-data-css": "2.0.0",
|
|
91
|
+
"@utrecht/ordered-list-css": "3.0.0",
|
|
92
|
+
"@utrecht/page-body-css": "1.0.0",
|
|
93
|
+
"@utrecht/page-content-css": "2.0.0",
|
|
94
|
+
"@utrecht/page-css": "2.0.0",
|
|
95
|
+
"@utrecht/page-footer-css": "3.0.0",
|
|
96
|
+
"@utrecht/page-header-css": "2.0.0",
|
|
97
|
+
"@utrecht/page-layout-css": "2.0.0",
|
|
98
|
+
"@utrecht/pagination-css": "2.0.0",
|
|
99
|
+
"@utrecht/paragraph-css": "3.0.0",
|
|
100
|
+
"@utrecht/pre-heading-css": "2.0.0",
|
|
101
|
+
"@utrecht/preserve-data-css": "2.0.0",
|
|
102
|
+
"@utrecht/radio-button-css": "2.0.0",
|
|
103
|
+
"@utrecht/rich-text-css": "2.0.0",
|
|
104
|
+
"@utrecht/root-css": "2.0.0",
|
|
105
|
+
"@utrecht/search-bar-css": "3.0.0",
|
|
106
|
+
"@utrecht/select-css": "2.0.0",
|
|
107
|
+
"@utrecht/separator-css": "2.0.0",
|
|
108
|
+
"@utrecht/skip-link-css": "2.0.0",
|
|
109
|
+
"@utrecht/spotlight-section-css": "2.0.0",
|
|
110
|
+
"@utrecht/surface-css": "2.0.0",
|
|
111
|
+
"@utrecht/table-css": "2.0.0",
|
|
112
|
+
"@utrecht/table-of-contents-css": "1.0.0",
|
|
113
|
+
"@utrecht/textarea-css": "3.0.0",
|
|
114
|
+
"@utrecht/textbox-css": "3.0.0",
|
|
115
|
+
"@utrecht/tooltip-css": "2.0.0",
|
|
116
|
+
"@utrecht/top-task-link-css": "2.0.0",
|
|
115
117
|
"@utrecht/top-task-nav-css": "1.3.1",
|
|
116
|
-
"@utrecht/unordered-list-css": "
|
|
117
|
-
"@utrecht/url-data-css": "
|
|
118
|
-
"@utrecht/youtube-video-css": "
|
|
119
|
-
"@utrecht/
|
|
120
|
-
"@utrecht/blockquote-css": "1.6.1"
|
|
118
|
+
"@utrecht/unordered-list-css": "2.0.0",
|
|
119
|
+
"@utrecht/url-data-css": "2.0.0",
|
|
120
|
+
"@utrecht/youtube-video-css": "2.0.0",
|
|
121
|
+
"@utrecht/alert-css": "3.0.0"
|
|
121
122
|
},
|
|
122
123
|
"devDependencies": {
|
|
123
124
|
"postcss": "8.4.38",
|