azure-devops-ui
Version:
React components for building web UI in Azure DevOps
22 lines (19 loc) • 782 B
CSS
.bolt-pill-group {
overflow: hidden;
}
.bolt-pill-group.overflow-wrap > .bolt-pill-group-inner {
flex-wrap: wrap;
}
.bolt-pill-group.overflow-wrap > .bolt-pill-group-inner .bolt-pill {
margin-bottom: 8px;
}
.bolt-pill-group.overflow-fade {
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba( 0, 0, 0 , 1 ) 30px);
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba( var(--palette-neutral-100,0, 0, 0) , 1 ) 30px);
-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba( 0, 0, 0 , 1 ) 30px);
-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba( var(--palette-neutral-100,0, 0, 0) , 1 ) 30px);
}
.bolt-pill-group-inner > :not(:last-child) {
margin-right: 8px;
}
/*# sourceMappingURL=PillGroup.css.map */