consul/ui/packages/consul-ui/app/components/csv-list/index.scss

19 lines
401 B
SCSS

:root {
--csv-list-separator: ',';
}
%csv-list {
// mainly used for block elements, you may need to overwrite this with an
// inline-flex to keep any inline-ness
display: flex;
}
%csv-list > * {
@extend %csv;
}
%csv:not(:last-child)::after {
display: inline;
content: var(--csv-list-separator);
vertical-align: initial;
margin-right: 0.3em;
background-color: var(--transparent);
}