64 lines
887 B
CSS
64 lines
887 B
CSS
:focus-visible {outline:none;}
|
|
|
|
.is-active {
|
|
color : #8EB901;
|
|
}
|
|
|
|
#add_form > div {
|
|
display : flex;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.todo {
|
|
display : flex;
|
|
align-items: center;
|
|
}
|
|
.todo checkbox,.todo i {
|
|
flex-grow : 0;
|
|
flex-shrink : 0;
|
|
flex-basis : auto;
|
|
}
|
|
.todo span {
|
|
flex-grow : 1;
|
|
flex-shrink : 1;
|
|
flex-basis : auto;
|
|
}
|
|
|
|
|
|
.todolist {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.todolist li {
|
|
list-style: none;
|
|
padding: var(--pico-form-element-spacing-vertical) 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
#todos_filter {
|
|
display:flex;
|
|
justify-content : center;
|
|
}
|
|
|
|
#todos_filter a {
|
|
margin:1em;
|
|
}
|
|
|
|
.todolist i {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.todolist li:not(:last-child) {
|
|
border-bottom: 1.5px solid var(--pico-form-element-border-color);
|
|
}
|
|
|
|
.todolist > li > label:has(input:checked) {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
}
|
|
|