toggle-corp/react-store

View on GitHub
components/Input/NonFieldErrors/styles.scss

Summary

Maintainability
Test Coverage
.non-field-errors {
    display: flex;
    text-align: center;
    color: var(--color-danger);

    .error {
        flex-basis: 100%;
        padding: var(--spacing-small);

        &.empty {
            color: transparent;
            user-select: none;
        }

        &.remove {
            display: none;
        }

        &:not(:last-child) {
            &::after {
                content: ', ';
            }
        }
    }
}