#smart-css:checked ~ #todos .dumb-thing {
display
:
none
}
#smart-css:checked ~ #todos .smart-thing {
display
:
block
}
#smart-css:checked ~ #todos .submit-unchanged {
display
:
none
}
#smart-css:checked ~ #todos .todo-item {
color
:
#bbb
}
#smart-css:checked ~ #todos .todo-item .faux { pointer-events:
none
}
#smart-css:checked {
counter-reset
: completed-todos total-todos changed-todos;
}
#smart-css:checked ~ .todo:checked {
counter-increment
: completed-todos total-todos;
}
#smart-css:checked ~ .todo {
counter-increment
: total-todos;
outline
:
none
;
}
#smart-css:checked ~ #todos h
1
small:before {
content
:
counter
(completed-todos)
'/'
counter
(total-todos);
}
#smart-css:checked ~ #todo
0:
focus ~ #todos .t
0
[type=checkbox],
#smart-css:checked ~ #todo
1:
focus ~ #todos .t
1
[type=checkbox],
#smart-css:checked ~ #todo
2:
focus ~ #todos .t
2
[type=checkbox],
#smart-css:checked ~ #todo
3:
focus ~ #todos .t
3
[type=checkbox],
#smart-css:checked ~ #todo
4:
focus ~ #todos .t
4
[type=checkbox],
#smart-css:checked ~ #todo
5:
focus ~ #todos .t
5
[type=checkbox] {
outline
:
5px
auto
-webkit-focus-ring-color
}
#smart-css:checked ~ #todo
0:
checked ~ #todos .t
0
.todo-label span,
#smart-css:checked ~ #todo
1:
checked ~ #todos .t
1
.todo-label span,
#smart-css:checked ~ #todo
2:
checked ~ #todos .t
2
.todo-label span,
#smart-css:checked ~ #todo
3:
checked ~ #todos .t
3
.todo-label span,
#smart-css:checked ~ #todo
4:
checked ~ #todos .t
4
.todo-label span,
#smart-css:checked ~ #todo
5:
checked ~ #todos .t
5
.todo-label span {
text-decoration
:
line-through
;
}
#smart-css:checked ~ #todo
0:
checked + #todo
1:
checked + #todo
2:
checked + #todo
3:
checked + #todo
4:
checked + #todo
5:
checked + #todos h
1
small:after {
content
:
' (お疲れ様!)'
;
font-weight
:
bold
}
#smart-css:checked ~ #todo
0:
not(:checked) ~ #todos .t
0
,
#smart-css:checked ~ #todo
1:
not(:checked) ~ #todos .t
1
,
#smart-css:checked ~ #todo
2:
not(:checked) ~ #todos .t
2
,
#smart-css:checked ~ #todo
3:
not(:checked) ~ #todos .t
3
,
#smart-css:checked ~ #todo
4:
not(:checked) ~ #todos .t
4
,
#smart-css:checked ~ #todo
5:
not(:checked) ~ #todos .t
5
{
color
:
rgb
(
0
,
100
,
200
);
counter-increment
: changed-todos;
}
#smart-css:checked ~ #todo
0:
not(:checked) ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
not(:checked) ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
not(:checked) ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
not(:checked) ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
not(:checked) ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
not(:checked) ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after,
#smart-css:checked ~ #todo
0:
checked ~ #todo
1:
checked ~ #todo
2:
checked ~ #todo
3:
checked ~ #todo
4:
checked ~ #todo
5:
checked ~ #todos .changed-todos:after {
content
:
counter
(changed-todos)
' 個のタスクが残ってます'
;
}
#smart-css:checked ~ #todos .changed-todos:after {
content
:
counter
(changed-todos)
' 個のタスクが残ってます'
;
}
#smart-css:checked ~ #todo
0:
checked ~ #todos .t
0
.nc,
#smart-css:checked ~ #todo
0:
not(:checked) ~ #todos .t
0
.c,
#smart-css:checked ~ #todo
1:
checked ~ #todos .t
1
.nc,
#smart-css:checked ~ #todo
1:
not(:checked) ~ #todos .t
1
.c,
#smart-css:checked ~ #todo
2:
checked ~ #todos .t
2
.nc,
#smart-css:checked ~ #todo
2:
not(:checked) ~ #todos .t
2
.c,
#smart-css:checked ~ #todo
3:
checked ~ #todos .t
3
.nc,
#smart-css:checked ~ #todo
3:
not(:checked) ~ #todos .t
3
.c,
#smart-css:checked ~ #todo
4:
checked ~ #todos .t
4
.nc,
#smart-css:checked ~ #todo
4:
not(:checked) ~ #todos .t
4
.c,
#smart-css:checked ~ #todo
5:
checked ~ #todos .t
5
.nc,
#smart-css:checked ~ #todo
5:
not(:checked) ~ #todos .t
5
.c {
display
:
none
}
#smart-css:checked ~ #todo
0:
checked + #todo
1:
checked + #todo
2:
checked + #todo
3:
checked + #todo
4:
checked + #todo
5:
checked + #todos .submit-changed {
display
:
none
}
#smart-css:checked ~ #todo
0:
checked + #todo
1:
checked + #todo
2:
checked + #todo
3:
checked + #todo
4:
checked + #todo
5:
checked + #todos .submit-unchanged {
display
:
inline-block
}