39 lines
967 B
CSS
39 lines
967 B
CSS
/* Only style checkboxes in notes with the 'styled-checkbox' class */
|
|
.styled-checkbox li.task-list-item input[type="checkbox"] {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
border-radius: 0.3em;
|
|
border: 2px solid #74c7ec; /* Text */
|
|
background-color: #1e1e2e; /* Overlay0 */
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: center;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.styled-checkbox li.task-list-item input[type="checkbox"]:hover {
|
|
border-color: #a6e3a1; /* Yellow */
|
|
}
|
|
|
|
.styled-checkbox li.task-list-item input[type="checkbox"]:checked {
|
|
background-color: #a6e3a1; /* Green */
|
|
border-color: #a6e3a1;
|
|
}
|
|
|
|
.styled-checkbox li.task-list-item input[type="checkbox"]:checked::after {
|
|
content: "✔";
|
|
color: #11111b; /* dark text for contrast */
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 0.9em;
|
|
}
|
|
|