@postnord/web-components
Version:
PostNord Web Components
51 lines (50 loc) • 1.06 kB
CSS
/* Global utility variables */
/* Input styles */
/* Transition variables */
pn-segment {
position: relative;
color: #005d92;
margin-right: 0.5em;
z-index: 2;
white-space: nowrap;
scroll-snap-align: center;
outline: none;
-webkit-tap-highlight-color: transparent;
transform: translateZ(0);
}
pn-segment:last-of-type {
margin-right: 0;
}
pn-segment .pn-segment {
cursor: pointer;
margin: 0;
padding: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent;
}
pn-segment .pn-segment:disabled {
cursor: not-allowed;
}
pn-segment .pn-segment:disabled ~ .pn-segment-label {
color: #5e554a;
}
pn-segment .pn-segment:disabled ~ .pn-segment-label pn-icon .pn-icon-svg path {
fill: #5e554a;
}
pn-segment .pn-segment-label {
height: 100%;
width: 100%;
padding: 0.5em;
border-radius: 3em;
font-weight: 500;
border: 0.0625em solid transparent;
display: inline-flex;
gap: 0.5em;
align-items: center;
-webkit-tap-highlight-color: transparent;
}