dsi-icl/optimise

View on GitHub
packages/optimise-ui/src/components/pregnancyForms/pregnancy.module.css

Summary

Maintainability
Test Coverage
.one_pregnancy_wrapper {
    margin-bottom: 1rem;
    border-bottom: 2px solid grey;
}

.one_pregnancy_wrapper .entry_div {
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
    border-left: 2px solid grey;
}

.add_new_entry_button {
    border-left: 2px solid rgba(0, 0, 0, 0) !important;
    background-color: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.add_new_entry_button:hover {
    background-color: hsl(var(--color-accent-h), var(--color-accent-s), calc(var(--color-accent-l) * 1.05));
}

.one_pregnancy_wrapper a {
    color: #ff4949;
    text-decoration: underline;
}

.pregnancy_image_div {
    padding: 0.5rem 0.5rem;
    background-color: rgb(235, 235, 235);
    border-radius: 3px;
    color: black;

}

.offspring_card {
    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem;
    color: black;
}

.offspring_card:nth-of-type(1) {
    background-color: hsla(231, 48%, 48%, 0.3);
}

.offspring_card:nth-of-type(2) {
    background-color: hsla(188, 64%, 44%, 0.3);
}

.offspring_card:nth-of-type(3) {
    background-color: hsla(122, 39%, 49%, 0.3);
}

.offspring_card:nth-of-type(4) {
    background-color: hsla(51, 75%, 51%, 0.3);
}

.offspring_card:nth-of-type(5) {
    background-color: hsla(36, 100%, 50%, 0.3);
}

.offspring_card:nth-of-type(6) {
    background-color: hsla(4, 90%, 58%, 0.3);
}

.one_tentative_image {
    border-radius: 3px;
    padding: 0.5rem 0.5rem;
    background-color: rgb(199, 111, 111);
    margin-bottom: 0.5rem;
    position: relative;
    color: #e8e8e8;
}

.one_tentative_image span:first-child {
    cursor: pointer;
    text-decoration: bold;
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline;
}

.expand_button {
    background-color: #efefef;
    cursor: pointer;
}

.expand_button:hover {
    background-color: #e8e8e8
}

.expanded_data {
    background-color: #efefef;
}

.panel label {
    width: 100% !important;

}