@postnord/web-components
Version:
PostNord Web Components
60 lines (59 loc) • 1.6 kB
CSS
/* Global utility variables */
/* Input styles */
/* Transition variables */
pn-page-nav-dropdown-item:first-of-type li > a, pn-page-nav-dropdown-item:first-of-type li > button {
border-radius: 0.5em 0.5em 0 0;
}
pn-page-nav-dropdown-item:last-of-type li > a, pn-page-nav-dropdown-item:last-of-type li > button {
border-radius: 0 0 0.5em 0.5em;
}
pn-page-nav-dropdown-item:last-of-type li > hr {
display: none;
}
pn-page-nav-dropdown-item li {
font-size: inherit;
}
pn-page-nav-dropdown-item li > * {
color: #ffffff;
font-size: inherit;
border: none;
padding: 1em;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: background 0.15s;
outline: none;
width: 100%;
font-weight: 500;
}
pn-page-nav-dropdown-item li > * > pn-icon {
margin-left: 1em;
}
pn-page-nav-dropdown-item li > *.pn-page-nav-dropdown-item-active {
background: #005d92;
}
pn-page-nav-dropdown-item li > *.pn-page-nav-dropdown-item-active:hover, pn-page-nav-dropdown-item li > *.pn-page-nav-dropdown-item-active:focus {
background: #005d92;
}
pn-page-nav-dropdown-item li > *:hover, pn-page-nav-dropdown-item li > *:focus {
background: #0d234b;
}
pn-page-nav-dropdown-item li > *:focus {
box-shadow: inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;
}
pn-page-nav-dropdown-item li > a {
text-decoration: none;
}
pn-page-nav-dropdown-item li > button {
background: none;
}
pn-page-nav-dropdown-item li > hr {
bottom: 0;
padding: 0;
margin: 0 auto;
border-top: 0.0625em solid #d3cecb;
opacity: 0.6;
width: 85%;
}