Component feature request: footer with border and column-layout

nl-design-system / utrecht

Work in Progress: Utrecht Design System based on the NL Design System architecture. Storybook: https://nl-design-system.github.io/utrecht/storybook/

https://nl-design-system.github.io/utrecht/

European Union Public License 1.2

24 stars 17 forks source link

Component feature request: footer with border and column-layout #2555

Open AlineNap opened 1 month ago

AlineNap commented 1 month ago

Please add tokens to be able to place a border at the top of the page footer and to add a column layout. The following tokens are involved:

utrecht.page-footer.border-color
utrecht.page-footer.border-width
utrecht.page-footer.content.column-gap
utrecht.page-footer.content.max-inline-size
utrecht.page-footer.content.column-width
utrecht.page-footer.content.row-gap

During the RHC sprint planning on October 2nd, Robbert confirmed that this can be added to the Utrecht code.

AlineNap commented 1 month ago

Zie meer info in ticket van RHC: https://github.com/nl-design-system/rijkshuisstijl-community/issues/727 En het design voor lux (mijn aansluitingen) hier: https://www.figma.com/design/jzxqJv4PtgHJdmOJwY6lYg/NLDS---Bibliotheek---LUX-tokens?node-id=15613-2989

Robbert commented 1 month ago

Voorbeeld:

.utrecht-page-footer__content {
  --utrecht-column-layout-column-gap: var(--utrecht-page-footer-content-column-gap);
  display: flex;
  column-gap: var(--utrecht-page-footer-content-column-gap);
}

JoeriRoijenga commented 3 weeks ago

@AlineNap is this a relevant issue for us (RijksHuisstijl) or should this be handled by Utrecht?