eu ainda utilizo scss por causa da possibilidade de criar repetições entre algumas outras coisas.
ion-list ion-item {
margin-left: -16px;
}
$statusPedido: (
1: var(--status-color-pendente),
2: var(--status-color-aprovado),
3: var(--status-color-enviado),
4: var(--status-color-finalizado),
5: var(--status-color-cancelado),
6: var(--status-color-reembolsado),
);
@each $id_status, $color in map-remove($statusPedido) {
ion-item[statusPedido='#{$id_status}'] div {
border-radius: 10px 0 0 10px;
border-left: 5px solid $color;
padding: 8px 8px 8px 8px;
width: 100%;
}
}