Executando verificação de segurança...
1

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%;
    }
}
Carregando publicação patrocinada...