Lambda-School-Labs/kansha-fe

View on GitHub
src/SCSS/components/_deleteModal.scss

Summary

Maintainability
Test Coverage
.delete-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 200px;
    align-items: center;

    .delete-text-cont {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    h5 {
        color: $color-primary-nav;
        font-size: 1.6rem;
        width: 80%;
        align-content: center;
    }

    button {
        color: $color-white;
        background-color: $color-primary;
        border: 0.7px solid $color-primary;
        border-radius: 0.6rem;
        width: 19.2rem;
        height: 4.4rem;
        cursor: pointer;
        transition: all 300ms ease;
        margin-top: 2rem;
        font-size: 2rem;

        &:hover {
            background-color: $color-secondary;
            border: 0.7px solid $color-secondary;
        }
    }
}