47 lines
715 B
CSS
47 lines
715 B
CSS
:root {
|
|
--error-color: red;
|
|
--success-color: green;
|
|
}
|
|
|
|
|
|
details * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
label, summary b {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#day-title-label {
|
|
margin-left: 17px;
|
|
}
|
|
|
|
|
|
.success-message {
|
|
color: var(--success-color);
|
|
}
|
|
|
|
.error-message {
|
|
color: var(--error-color);
|
|
}
|
|
|
|
.success-box {
|
|
background-color: var(--success-color);
|
|
border-color: var(--success-color);
|
|
}
|
|
|
|
.error-box {
|
|
background-color: var(--error-color);
|
|
border-color: var(--error-color);
|
|
}
|
|
|
|
input[data-entered=true]:valid {
|
|
border-color: var(--success-color);
|
|
color: var(--success-color);
|
|
}
|
|
|
|
input[data-entered=true]:invalid {
|
|
border-color: var(--error-color);
|
|
color: var(--error-color);
|
|
}
|