@gemeentenijmegen/components-css 0.0.1-alpha.87 → 0.0.1-alpha.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/accordion/index.scss +6 -7
  2. package/dist/index.min.css +1 -1
  3. package/package.json +3 -3
package/accordion/index.scss CHANGED
@@ -1,10 +1,9 @@
1
- .nijmegen-theme {
2
- .utrecht-accordion__button {
3
- align-items: flex-start;
1
+ /* Nijmegen overrides */
2
+ .utrecht-accordion__button {
3
+ align-items: flex-start; /* Nijmegen override */
4
4
 
5
- .utrecht-accordion__button-icon {
6
- position: relative;
7
- top: 1px; /* stylelint-disable-line property-disallowed-list */
8
- }
5
+ .utrecht-accordion__button-icon {
6
+ position: relative;
7
+ top: 1px; /* stylelint-disable-line property-disallowed-list */ /* Nijmegen override */
9
8
  }
10
9
  }
package/dist/index.min.css CHANGED
@@ -120,7 +120,7 @@
120
120
  --utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
121
121
  );--_utrecht-link-state-text-decoration-thickness:var(
122
122
  --utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
123
- );background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-link-list-item-focus-visible-color,#000);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--focus-visible:before,.nijmegen-link-list__link:any-link:focus-visible:before{background-color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--visited,.nijmegen-link-list__link:any-link:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron{align-items:center}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron svg{flex-shrink:0}.nijmegen-link-list__link:not(.nijmegen-link-list__link--no-chevron):before{background-color:var(--utrecht-link-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-icon-functional-size-height,.875rem);mask-image:var(--nijmegen-link-list-icon,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;position:relative;top:2px;width:var(--nijmegen-icon-functional-size-width,1.5rem)}.nijmegen-hero{background-color:var(--nijmegen-hero-background-color,#a80a2d);color:var(--nijmegen-hero-color,#fff);position:relative}.nijmegen-hero .utrecht-heading-1,.nijmegen-hero .utrecht-heading-2,.nijmegen-hero .utrecht-paragraph{color:inherit}.nijmegen-hero.nijmegen-hero--background-image{position:relative}.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-gradient,linear-gradient(90deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (width < 1024px){.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-mobile-gradient,linear-gradient(180deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%))}}.nijmegen-hero__container{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-hero-category-large-vw-container-max-inline-size,1024px);position:relative;width:100%}.nijmegen-hero__content{display:flex;flex-direction:column;gap:var(--nijmegen-hero-content-row-gap,1.5rem);grid-column-end:13;grid-column-start:1;padding-block-end:var(--nijmegen-hero-content-padding-block-end,2rem);padding-block-start:var(--nijmegen-hero-content-padding-block-start,2rem);padding-inline-end:var(--nijmegen-hero-content-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-content-padding-inline-start,1rem);position:relative;z-index:2}@media (width >= 1024px){.nijmegen-hero__content{padding-block-end:var(--nijmegen-hero-category-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-category-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-category-large-vw-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-category-large-vw-padding-inline-start,1rem)}.nijmegen-hero--home .nijmegen-hero__content{grid-column-end:7;padding-block-end:var(--nijmegen-hero-home-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-home-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-home-large-vw-padding-inline-end,4rem);padding-inline-start:var(--nijmegen-hero-home-large-vw-padding-inline-start,1rem)}}.nijmegen-hero__content--heading{display:flex;flex-direction:column;gap:var(--nijmegen-hero-home-heading-row-gap,.5rem)}.nijmegen-hero__image{height:100%;object-fit:cover;object-position:center center;pointer-events:none;position:absolute;right:0;top:0}.nijmegen-hero--background-image .nijmegen-hero__image{width:100%}.nijmegen-hero--home .nijmegen-hero__image{width:var(--nijmegen-hero-image-width,50%)}@media (width < 1024px){.nijmegen-hero--home .nijmegen-hero__image{display:none}}.nijmegen-footer{background-color:var(--nijmegen-page-footer-background-color);color:var(--nijmegen-page-footer-color);margin-block-end:var(--nijmegen-footer-margin-block-end)}.nijmegen-footer .utrecht-heading-4,.nijmegen-footer .utrecht-paragraph{color:inherit}.nijmegen-footer .utrecht-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:any-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:focus{color:var(--nijmegen-link-list-item-focus-color,#000);text-decoration:var(--nijmegen-link-list-item-focus-text-decoration,none)}.nijmegen-footer .utrecht-link:focus-visible{color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-footer .nijmegen-link-list__link:any-link{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover,.nijmegen-footer .nijmegen-link-list__link:any-link:hover{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover:before,.nijmegen-footer .nijmegen-link-list__link:any-link:hover:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer__container{margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-page-footer-content-max-inline-size);width:100%}.nijmegen-footer__main{gap:var(--nijmegen-page-footer-content-column-gap);padding-block-end:var(--nijmegen-page-footer-main-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-main-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-main-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-main-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__main{display:flex;flex-direction:column}}@media (width >= 1024px){.nijmegen-footer__main{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr}}.nijmegen-footer__sub{border-top:var(--nijmegen-page-footer-sub-footer-border-width,1px);border-top-color:var(--nijmegen-page-footer-sub-footer-border-color,#6d6d6d);border-top-style:var(--nijmegen-page-footer-sub-footer-border-style,solid);display:flex;justify-content:space-between;padding-block-end:var(--nijmegen-page-footer-sub-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-sub-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-sub-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-sub-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__sub{flex-direction:column-reverse;gap:var(--nijmegen-page-footer-content-row-gap)}}.nijmegen-footer__sub ul{display:flex;flex-wrap:wrap;gap:var(--nijmegen-page-footer-sub-footer-content-gap,1rem);list-style:none;margin:0;padding:0}.nijmegen-footer__sub ul li{display:inline-flex}.nijmegen-footer__col{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-content-row-gap)}.nijmegen-footer__block{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-footer-block-column-gap)}.nijmegen-breadcrumb{font-family:var(--nijmegen-breadcrumb-navigation-font-family);font-size:var(--nijmegen-breadcrumb-navigation-font-size);font-weight:var(--nijmegen-breadcrumb-navigation-font-weight);line-height:var(--nijmegen-breadcrumb-navigation-line-height);margin-block-end:var(--nijmegen-breadcrumb-margin-block-end);overflow:hidden}@media (width >= 576px){.nijmegen-breadcrumb{background-color:var(--nijmegen-breadcrumb-navigation-background-color)}}.nijmegen-breadcrumb__list{block-size:100%;display:flex;gap:var(--nijmegen-breadcrumb-navigation-list-column-gap);margin-block-end:0;margin-block-start:0;margin-inline:auto;max-inline-size:var(--nijmegen-breadcrumb-navigation-list-max-inline-size);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width <= 576px){.nijmegen-breadcrumb__list{display:none}}ol.nijmegen-breadcrumb__list{list-style:none}.nijmegen-breadcrumb__item{align-items:center;display:flex}.nijmegen-breadcrumb__item:not(:last-child):after{background-color:var(--nijmegen-breadcrumb-navigation-separator-color);content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-separator-size);margin-inline-start:var(--nijmegen-breadcrumb-navigation-list-column-gap);mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path d="M0 0h24v24H0z" stroke="none"/><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-separator-size)}.nijmegen-breadcrumb__link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));padding-block-end:var(--nijmegen-breadcrumb-navigation-link-padding-block-end);padding-block-start:var(--nijmegen-breadcrumb-navigation-link-padding-block-start);padding-inline-end:var(--nijmegen-breadcrumb-navigation-link-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-link-padding-inline-start);text-decoration:var(--nijmegen-breadcrumb-navigation-link-text-decoration);white-space:nowrap}.nijmegen-breadcrumb__link--mobile{display:inline-flex;gap:var(--nijmegen-breadcrumb-navigation-link-icon-column-gap);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width >= 576px){.nijmegen-breadcrumb__link--mobile{display:none}}.nijmegen-breadcrumb__link--mobile:before{background-color:currentColor;content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem);mask-image:var(--nijmegen-breadcrumb-navigation-link-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path d="M0 0h24v24H0z" stroke="none"/><path d="M5 12h14M5 12l6 6M5 12l6-6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem)}.nijmegen-breadcrumb__link--disabled{color:var(--nijmegen-breadcrumb-navigation-link-current-color);cursor:none;pointer-events:none}.nijmegen-breadcrumb__link--active,.nijmegen-breadcrumb__link:active{color:var(--nijmegen-breadcrumb-navigation-link-active-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-active-text-decoration)}.nijmegen-breadcrumb__link--hover,.nijmegen-breadcrumb__link:hover{color:var(--nijmegen-breadcrumb-navigation-link-hover-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-hover-text-decoration)}.nijmegen-breadcrumb__link--focus,.nijmegen-breadcrumb__link:has(:focus){--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1}.nijmegen-breadcrumb__link--focus-visible,.nijmegen-breadcrumb__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1}.nijmegen-theme .utrecht-accordion__button{align-items:flex-start}.nijmegen-theme .utrecht-accordion__button .utrecht-accordion__button-icon{position:relative;top:1px}.nijmegen-table{border-collapse:collapse;border-spacing:0;font-family:var(--nijmegen-table-font-family);font-size:var(--nijmegen-table-font-size,1.125rem);line-height:var(--nijmegen-table-line-height,150%);margin-block-end:var(--nijmegen-table-margin-block-end)}.nijmegen-table.nijmegen-table-full-width{width:100%}@media (width < 576px){.nijmegen-table{width:100%}}.nijmegen-table__caption{color:var(--nijmegen-table-caption-color);font-family:var(--nijmegen-table-caption-font-family);font-size:var(--nijmegen-table-caption-font-size);font-weight:var(--nijmegen-table-caption-font-weight);line-height:var(--nijmegen-table-caption-line-height);margin-block-end:var(--nijmegen-table-caption-margin-block-end);text-align:start}.nijmegen-table__header{background-color:var(--nijmegen-table-header-background-color);border-block-end-color:var(--nijmegen-table-header-border-block-end-color);border-block-end-width:var(--nijmegen-table-header-border-block-end-width);break-inside:avoid;color:var(--nijmegen-table-header-color);font-weight:var(--nijmegen-table-header-cell-font-weight)}@media (width < 576px){.nijmegen-table__header{display:none}}.nijmegen-table__row{border-block-end-color:var(--nijmegen-table-row-border-block-end-color);border-block-end-style:solid;border-block-end-width:var(--nijmegen-table-row-large-vw-border-block-end-width)}@media (width < 576px){.nijmegen-table__row{border-block-end-width:var(--nijmegen-table-row-border-block-end-width)}}.nijmegen-table__header-cell{padding-block-end:var(--nijmegen-table-header-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-header-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-header-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__header-cell.nijmegen-table__header-cell-end{text-align:end}}.nijmegen-table__data-cell{padding-block-end:var(--nijmegen-table-data-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-data-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__data-cell.nijmegen-table__data-cell-end{text-align:end}}@media (width < 576px){.nijmegen-table__data-cell{display:block;padding-block-end:var(--nijmegen-table-data-cell-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-padding-inline-start)}.nijmegen-table__data-cell:before{content:attr(data-label);display:block;font-weight:var(--nijmegen-table-header-cell-font-weight,600);padding-block-end:calc(var(--nijmegen-table-data-cell-padding-block-start) + var(--nijmegen-table-header-cell-padding-block-end))}}.nijmegen-pagination{font-family:var(--nijmegen-pagination-font-family);font-size:var(--nijmegen-pagination-font-size,1.125rem);line-height:var(--nijmegen-pagination-line-height,150%);margin-block-end:var(--nijmegen-pagination-margin-block-end)}.nijmegen-pagination .nijmegen-sr-only{clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.nijmegen-pagination-list{all:unset;display:flex;list-style:none}.nijmegen-pagination__ellipses{color:var(--nijmegen-pagination-ellipses-color);font-weight:var(--nijmegen-pagination-ellipses-font-weight);min-block-size:var(--nijmegen-pagination-ellipses-min-block-size,3rem);padding-block-end:var(--nijmegen-pagination-ellipses-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-ellipses-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-ellipses-padding-inline-end,.75rem);padding-inline-start:var(--nijmegen-pagination-ellipses-padding-inline-start,.75rem)}.nijmegen-pagination__ellipses,.nijmegen-pagination__page-link{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none}.nijmegen-pagination__page-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);background-color:var(--nijmegen-pagination-page-link-background-color);border-color:var(--nijmegen-pagination-page-link-border-color);border-radius:var(--nijmegen-pagination-page-link-border-radius);border-width:var(--nijmegen-pagination-page-link-border-width);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));color:var(--nijmegen-pagination-page-link-color);font-weight:var(--nijmegen-pagination-page-link-font-weight);min-block-size:var(--nijmegen-pagination-page-link-min-block-size,3rem);min-inline-size:var(--nijmegen-pagination-page-link-min-inline-size,3rem);padding-block-end:var(--nijmegen-pagination-page-link-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-page-link-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-page-link-padding-inline-end);padding-inline-start:var(--nijmegen-pagination-page-link-padding-inline-start);text-decoration:var(--nijmegen-pagination-page-link-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--hover,.nijmegen-pagination__page-link:hover{background-color:var(--nijmegen-pagination-page-link-hover-background-color);border-color:var(--nijmegen-pagination-page-link-hover-border-color);color:var(--nijmegen-pagination-page-link-hover-color);text-decoration:var(--nijmegen-pagination-page-link-hover-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--active,.nijmegen-pagination__page-link:active{background-color:var(--nijmegen-pagination-page-link-active-background-color);border-color:var(--nijmegen-pagination-page-link-active-border-color);color:var(--nijmegen-pagination-page-link-active-color);text-decoration:var(--nijmegen-pagination-page-link-active-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus,.nijmegen-pagination__page-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);background-color:var(--nijmegen-pagination-page-link-focus-visible-background-color);color:var(--nijmegen-pagination-page-link-focus-visible-color);text-decoration:var(--nijmegen-pagination-page-link-focus-visible-text-decoration);text-decoration-skip-ink:none}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus-visible,.nijmegen-pagination__page-link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
123
+ );background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);color:var(--nijmegen-link-list-item-focus-visible-color,#000);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1;z-index:var(--utrecht-stack-focus-z-index,1)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--focus-visible:before,.nijmegen-link-list__link:any-link:focus-visible:before{background-color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-link-list__link:any-link.nijmegen-link-list__link--visited,.nijmegen-link-list__link:any-link:visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron{align-items:center}.nijmegen-link-list__link.nijmegen-link-list__link--no-chevron svg{flex-shrink:0}.nijmegen-link-list__link:not(.nijmegen-link-list__link--no-chevron):before{background-color:var(--utrecht-link-color);content:"";display:inline-block;flex-shrink:0;height:var(--nijmegen-icon-functional-size-height,.875rem);mask-image:var(--nijmegen-link-list-icon,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;position:relative;top:2px;width:var(--nijmegen-icon-functional-size-width,1.5rem)}.nijmegen-hero{background-color:var(--nijmegen-hero-background-color,#a80a2d);color:var(--nijmegen-hero-color,#fff);position:relative}.nijmegen-hero .utrecht-heading-1,.nijmegen-hero .utrecht-heading-2,.nijmegen-hero .utrecht-paragraph{color:inherit}.nijmegen-hero.nijmegen-hero--background-image{position:relative}.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-gradient,linear-gradient(90deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (width < 1024px){.nijmegen-hero.nijmegen-hero--background-image:before{background:var(--nijmegen-hero-background-mobile-gradient,linear-gradient(180deg,#550517 0,rgba(85,5,23,.8) 50%,rgba(168,10,45,.8) 100%))}}.nijmegen-hero__container{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-hero-category-large-vw-container-max-inline-size,1024px);position:relative;width:100%}.nijmegen-hero__content{display:flex;flex-direction:column;gap:var(--nijmegen-hero-content-row-gap,1.5rem);grid-column-end:13;grid-column-start:1;padding-block-end:var(--nijmegen-hero-content-padding-block-end,2rem);padding-block-start:var(--nijmegen-hero-content-padding-block-start,2rem);padding-inline-end:var(--nijmegen-hero-content-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-content-padding-inline-start,1rem);position:relative;z-index:2}@media (width >= 1024px){.nijmegen-hero__content{padding-block-end:var(--nijmegen-hero-category-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-category-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-category-large-vw-padding-inline-end,1rem);padding-inline-start:var(--nijmegen-hero-category-large-vw-padding-inline-start,1rem)}.nijmegen-hero--home .nijmegen-hero__content{grid-column-end:7;padding-block-end:var(--nijmegen-hero-home-large-vw-padding-block-end,4rem);padding-block-start:var(--nijmegen-hero-home-large-vw-padding-block-start,3rem);padding-inline-end:var(--nijmegen-hero-home-large-vw-padding-inline-end,4rem);padding-inline-start:var(--nijmegen-hero-home-large-vw-padding-inline-start,1rem)}}.nijmegen-hero__content--heading{display:flex;flex-direction:column;gap:var(--nijmegen-hero-home-heading-row-gap,.5rem)}.nijmegen-hero__image{height:100%;object-fit:cover;object-position:center center;pointer-events:none;position:absolute;right:0;top:0}.nijmegen-hero--background-image .nijmegen-hero__image{width:100%}.nijmegen-hero--home .nijmegen-hero__image{width:var(--nijmegen-hero-image-width,50%)}@media (width < 1024px){.nijmegen-hero--home .nijmegen-hero__image{display:none}}.nijmegen-footer{background-color:var(--nijmegen-page-footer-background-color);color:var(--nijmegen-page-footer-color);margin-block-end:var(--nijmegen-footer-margin-block-end)}.nijmegen-footer .utrecht-heading-4,.nijmegen-footer .utrecht-paragraph{color:inherit}.nijmegen-footer .utrecht-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:any-link{color:inherit;text-decoration-color:inherit}.nijmegen-footer .utrecht-link:focus{color:var(--nijmegen-link-list-item-focus-color,#000);text-decoration:var(--nijmegen-link-list-item-focus-text-decoration,none)}.nijmegen-footer .utrecht-link:focus-visible{color:var(--nijmegen-link-list-item-focus-visible-color,#000)}.nijmegen-footer .nijmegen-link-list__link:any-link{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover,.nijmegen-footer .nijmegen-link-list__link:any-link:hover{color:inherit}.nijmegen-footer .nijmegen-link-list__link:any-link.nijmegen-link-list__link--hover:before,.nijmegen-footer .nijmegen-link-list__link:any-link:hover:before{background-color:var(--nijmegen-page-footer-color)}.nijmegen-footer__container{margin-inline-end:auto;margin-inline-start:auto;max-width:var(--nijmegen-page-footer-content-max-inline-size);width:100%}.nijmegen-footer__main{gap:var(--nijmegen-page-footer-content-column-gap);padding-block-end:var(--nijmegen-page-footer-main-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-main-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-main-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-main-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__main{display:flex;flex-direction:column}}@media (width >= 1024px){.nijmegen-footer__main{display:grid;grid-auto-rows:1fr;grid-template-columns:1fr 1fr 1fr}}.nijmegen-footer__sub{border-top:var(--nijmegen-page-footer-sub-footer-border-width,1px);border-top-color:var(--nijmegen-page-footer-sub-footer-border-color,#6d6d6d);border-top-style:var(--nijmegen-page-footer-sub-footer-border-style,solid);display:flex;justify-content:space-between;padding-block-end:var(--nijmegen-page-footer-sub-footer-content-padding-block-end);padding-block-start:var(--nijmegen-page-footer-sub-footer-content-padding-block-start);padding-inline-end:var(--nijmegen-page-footer-sub-footer-content-padding-inline-end);padding-inline-start:var(--nijmegen-page-footer-sub-footer-content-padding-inline-start)}@media (width < 1024px){.nijmegen-footer__sub{flex-direction:column-reverse;gap:var(--nijmegen-page-footer-content-row-gap)}}.nijmegen-footer__sub ul{display:flex;flex-wrap:wrap;gap:var(--nijmegen-page-footer-sub-footer-content-gap,1rem);list-style:none;margin:0;padding:0}.nijmegen-footer__sub ul li{display:inline-flex}.nijmegen-footer__col{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-content-row-gap)}.nijmegen-footer__block{display:flex;flex-direction:column;gap:var(--nijmegen-page-footer-footer-block-column-gap)}.nijmegen-breadcrumb{font-family:var(--nijmegen-breadcrumb-navigation-font-family);font-size:var(--nijmegen-breadcrumb-navigation-font-size);font-weight:var(--nijmegen-breadcrumb-navigation-font-weight);line-height:var(--nijmegen-breadcrumb-navigation-line-height);margin-block-end:var(--nijmegen-breadcrumb-margin-block-end);overflow:hidden}@media (width >= 576px){.nijmegen-breadcrumb{background-color:var(--nijmegen-breadcrumb-navigation-background-color)}}.nijmegen-breadcrumb__list{block-size:100%;display:flex;gap:var(--nijmegen-breadcrumb-navigation-list-column-gap);margin-block-end:0;margin-block-start:0;margin-inline:auto;max-inline-size:var(--nijmegen-breadcrumb-navigation-list-max-inline-size);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width <= 576px){.nijmegen-breadcrumb__list{display:none}}ol.nijmegen-breadcrumb__list{list-style:none}.nijmegen-breadcrumb__item{align-items:center;display:flex}.nijmegen-breadcrumb__item:not(:last-child):after{background-color:var(--nijmegen-breadcrumb-navigation-separator-color);content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-separator-size);margin-inline-start:var(--nijmegen-breadcrumb-navigation-list-column-gap);mask-image:var(--nijmegen-header-item-open-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path d="M0 0h24v24H0z" stroke="none"/><path d="m9 6 6 6-6 6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-separator-size)}.nijmegen-breadcrumb__link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));padding-block-end:var(--nijmegen-breadcrumb-navigation-link-padding-block-end);padding-block-start:var(--nijmegen-breadcrumb-navigation-link-padding-block-start);padding-inline-end:var(--nijmegen-breadcrumb-navigation-link-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-link-padding-inline-start);text-decoration:var(--nijmegen-breadcrumb-navigation-link-text-decoration);white-space:nowrap}.nijmegen-breadcrumb__link--mobile{display:inline-flex;gap:var(--nijmegen-breadcrumb-navigation-link-icon-column-gap);padding-inline-end:var(--nijmegen-breadcrumb-navigation-list-padding-inline-end);padding-inline-start:var(--nijmegen-breadcrumb-navigation-list-padding-inline-start)}@media (width >= 576px){.nijmegen-breadcrumb__link--mobile{display:none}}.nijmegen-breadcrumb__link--mobile:before{background-color:currentColor;content:"";display:inline-block;height:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem);mask-image:var(--nijmegen-breadcrumb-navigation-link-icon-image,url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path d="M0 0h24v24H0z" stroke="none"/><path d="M5 12h14M5 12l6 6M5 12l6-6"/></svg>'));mask-position:center;mask-repeat:no-repeat;mask-size:100%;width:var(--nijmegen-breadcrumb-navigation-link-icon-size,1.5rem)}.nijmegen-breadcrumb__link--disabled{color:var(--nijmegen-breadcrumb-navigation-link-current-color);cursor:none;pointer-events:none}.nijmegen-breadcrumb__link--active,.nijmegen-breadcrumb__link:active{color:var(--nijmegen-breadcrumb-navigation-link-active-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-active-text-decoration)}.nijmegen-breadcrumb__link--hover,.nijmegen-breadcrumb__link:hover{color:var(--nijmegen-breadcrumb-navigation-link-hover-color);text-decoration:var(--nijmegen-breadcrumb-navigation-link-hover-text-decoration)}.nijmegen-breadcrumb__link--focus,.nijmegen-breadcrumb__link:has(:focus){--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1}.nijmegen-breadcrumb__link--focus-visible,.nijmegen-breadcrumb__link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);background-color:var(--utrecht-link-focus-background-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);text-decoration-skip-ink:none;z-index:1}.utrecht-accordion__button{align-items:flex-start}.utrecht-accordion__button .utrecht-accordion__button-icon{position:relative;top:1px}.nijmegen-table{border-collapse:collapse;border-spacing:0;font-family:var(--nijmegen-table-font-family);font-size:var(--nijmegen-table-font-size,1.125rem);line-height:var(--nijmegen-table-line-height,150%);margin-block-end:var(--nijmegen-table-margin-block-end)}.nijmegen-table.nijmegen-table-full-width{width:100%}@media (width < 576px){.nijmegen-table{width:100%}}.nijmegen-table__caption{color:var(--nijmegen-table-caption-color);font-family:var(--nijmegen-table-caption-font-family);font-size:var(--nijmegen-table-caption-font-size);font-weight:var(--nijmegen-table-caption-font-weight);line-height:var(--nijmegen-table-caption-line-height);margin-block-end:var(--nijmegen-table-caption-margin-block-end);text-align:start}.nijmegen-table__header{background-color:var(--nijmegen-table-header-background-color);border-block-end-color:var(--nijmegen-table-header-border-block-end-color);border-block-end-width:var(--nijmegen-table-header-border-block-end-width);break-inside:avoid;color:var(--nijmegen-table-header-color);font-weight:var(--nijmegen-table-header-cell-font-weight)}@media (width < 576px){.nijmegen-table__header{display:none}}.nijmegen-table__row{border-block-end-color:var(--nijmegen-table-row-border-block-end-color);border-block-end-style:solid;border-block-end-width:var(--nijmegen-table-row-large-vw-border-block-end-width)}@media (width < 576px){.nijmegen-table__row{border-block-end-width:var(--nijmegen-table-row-border-block-end-width)}}.nijmegen-table__header-cell{padding-block-end:var(--nijmegen-table-header-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-header-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-header-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__header-cell.nijmegen-table__header-cell-end{text-align:end}}.nijmegen-table__data-cell{padding-block-end:var(--nijmegen-table-data-cell-large-vw-padding-block-end);padding-block-start:var(--nijmegen-table-data-cell-large-vw-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-large-vw-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-large-vw-padding-inline-start);text-align:start;vertical-align:top}@media (width >= 576px){.nijmegen-table__data-cell.nijmegen-table__data-cell-end{text-align:end}}@media (width < 576px){.nijmegen-table__data-cell{display:block;padding-block-end:var(--nijmegen-table-data-cell-padding-block-end);padding-block-start:var(--nijmegen-table-header-cell-padding-block-start);padding-inline-end:var(--nijmegen-table-data-cell-padding-inline-end);padding-inline-start:var(--nijmegen-table-data-cell-padding-inline-start)}.nijmegen-table__data-cell:before{content:attr(data-label);display:block;font-weight:var(--nijmegen-table-header-cell-font-weight,600);padding-block-end:calc(var(--nijmegen-table-data-cell-padding-block-start) + var(--nijmegen-table-header-cell-padding-block-end))}}.nijmegen-pagination{font-family:var(--nijmegen-pagination-font-family);font-size:var(--nijmegen-pagination-font-size,1.125rem);line-height:var(--nijmegen-pagination-line-height,150%);margin-block-end:var(--nijmegen-pagination-margin-block-end)}.nijmegen-pagination .nijmegen-sr-only{clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}.nijmegen-pagination-list{all:unset;display:flex;list-style:none}.nijmegen-pagination__ellipses{color:var(--nijmegen-pagination-ellipses-color);font-weight:var(--nijmegen-pagination-ellipses-font-weight);min-block-size:var(--nijmegen-pagination-ellipses-min-block-size,3rem);padding-block-end:var(--nijmegen-pagination-ellipses-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-ellipses-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-ellipses-padding-inline-end,.75rem);padding-inline-start:var(--nijmegen-pagination-ellipses-padding-inline-start,.75rem)}.nijmegen-pagination__ellipses,.nijmegen-pagination__page-link{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none}.nijmegen-pagination__page-link{--utrecht-icon-size:var(--utrecht-link-icon-size,1em);background-color:var(--nijmegen-pagination-page-link-background-color);border-color:var(--nijmegen-pagination-page-link-border-color);border-radius:var(--nijmegen-pagination-page-link-border-radius);border-width:var(--nijmegen-pagination-page-link-border-width);color:var(--_utrecht-link-state-color,var(--utrecht-link-color,var(--_utrecht-link-forced-colors-color)));color:var(--nijmegen-pagination-page-link-color);font-weight:var(--nijmegen-pagination-page-link-font-weight);min-block-size:var(--nijmegen-pagination-page-link-min-block-size,3rem);min-inline-size:var(--nijmegen-pagination-page-link-min-inline-size,3rem);padding-block-end:var(--nijmegen-pagination-page-link-padding-block-end,.75rem);padding-block-start:var(--nijmegen-pagination-page-link-padding-block-start,.75rem);padding-inline-end:var(--nijmegen-pagination-page-link-padding-inline-end);padding-inline-start:var(--nijmegen-pagination-page-link-padding-inline-start);text-decoration:var(--nijmegen-pagination-page-link-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--hover,.nijmegen-pagination__page-link:hover{background-color:var(--nijmegen-pagination-page-link-hover-background-color);border-color:var(--nijmegen-pagination-page-link-hover-border-color);color:var(--nijmegen-pagination-page-link-hover-color);text-decoration:var(--nijmegen-pagination-page-link-hover-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--active,.nijmegen-pagination__page-link:active{background-color:var(--nijmegen-pagination-page-link-active-background-color);border-color:var(--nijmegen-pagination-page-link-active-border-color);color:var(--nijmegen-pagination-page-link-active-color);text-decoration:var(--nijmegen-pagination-page-link-active-text-decoration)}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus,.nijmegen-pagination__page-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;background-color:var(--utrecht-link-focus-background-color,transparent);background-color:var(--nijmegen-pagination-page-link-focus-visible-background-color);color:var(--nijmegen-pagination-page-link-focus-visible-color);text-decoration:var(--nijmegen-pagination-page-link-focus-visible-text-decoration);text-decoration-skip-ink:none}.nijmegen-pagination__page-link.nijmegen-pagination__page-link--focus-visible,.nijmegen-pagination__page-link:focus-visible{--_utrecht-link-state-color:var(--utrecht-link-focus-color);text-decoration-skip:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);--_utrecht-link-state-text-decoration:var(
124
124
  --utrecht-link-focus-visible-text-decoration,var(--utrecht-link-focus-text-decoration)
125
125
  );--_utrecht-link-state-text-decoration-thickness:var(
126
126
  --utrecht-link-focus-visible-text-decoration-thickness,var(--utrecht-link-focus-text-decoration-thickness)
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.1-alpha.87",
2
+ "version": "0.0.1-alpha.88",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "CSS Components for a design system based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -24,7 +24,7 @@
24
24
  "url": "git@github.com:GemeenteNijmegen/design-system.git"
25
25
  },
26
26
  "devDependencies": {
27
- "@gemeentenijmegen/layout-css": "0.0.1-alpha.100",
27
+ "@gemeentenijmegen/layout-css": "0.0.1-alpha.101",
28
28
  "@rollup/plugin-terser": "0.4.4",
29
29
  "@utrecht/button-css": "2.3.1",
30
30
  "@utrecht/focus-ring-css": "2.3.1",
@@ -35,5 +35,5 @@
35
35
  "rollup": "4.12.1",
36
36
  "rollup-plugin-postcss": "4.0.2"
37
37
  },
38
- "gitHead": "4a4a6ec6821ea61c8711f69ddeeda9ab35e1e863"
38
+ "gitHead": "d176e233ee9aaf9d9ff618b22c37ca5c173b62b7"
39
39
  }