@utrecht/components
Version:
Components for the Municipality of Utrecht based on the NL Design System architecture
39 lines (36 loc) • 1.03 kB
CSS
/**
* @license EUPL-1.2
* Copyright (c) 2021 Gemeente Utrecht
* Copyright (c) 2021 Robbert Broersma
*/
.utrecht-nav-list {
margin-block-end: 0;
margin-block-start: 0;
margin-inline-end: 0;
margin-inline-start: 0;
padding-inline-start: 0;
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
inline-size: 100%;
justify-content: start;
}
.utrecht-nav-list--center > * {
flex: 1 1 0;
justify-content: center;
}
.utrecht-nav-list__item {
list-style: none;
display: inline-flex;
}
/* Style for the navigation links */
.utrecht-nav-list__link {
font-weight: var(--utrecht-nav-list-link-font-weight);
max-inline-size: var(--utrecht-nav-bar-link-max-inline-size, 30ch);
padding-block-end: var(--utrecht-nav-bar-link-padding-block-end);
padding-block-start: var(--utrecht-nav-bar-link-padding-block-start);
padding-inline-end: var(--utrecht-nav-bar-link-padding-inline-end);
padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
text-decoration: none;
}