packages/optimise-ui/src/components/pregnancyForms/pregnancy.module.css
.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;
}