waylon/netlify-faunadb-example
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add date sort order

Browse source
This commit is contained in:
DavidWells 2018-06-20 12:01:29 -07:00
parent d84ef8c61b
commit 5331ef1bf7
4 changed files with 48 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/App.css
View file

@ -129,7 +129,7 @@
.todo__box,
.todo__check {
transition: stroke-dashoffset 0.5s cubic-bezier(0.9, 0, 0.5, 1);
/*transition: stroke-dashoffset 0.5s cubic-bezier(0.9, 0, 0.5, 1);*/
}
.todo__state:checked ~ .todo-list-title {
text-decoration: line-through;
@ -140,7 +140,7 @@
stroke-width: 0;
transform-origin: 13.5px 12.5px;
transform: scale(0.4) rotate(0deg);
animation: none 0.5s linear;
/*animation: none 0.5s linear;*/
}
@keyframes explode {
@ -175,6 +175,9 @@
.todo__state:checked ~ .todo__icon .todo__box {
stroke-dashoffset: 56.1053;
transition-delay: 0s;
stroke-dasharray: 56.1053, 56.1053;
stroke-dashoffset: 0;
stroke: red;
}
.todo__state:checked ~ .todo__icon .todo__check {
@ -182,7 +185,7 @@
transition-delay: 0.48s;
}
.todo__state:checked ~ .todo__icon .todo__circle {
animation-name: explode;
/*animation-name: explode;*/
}
/* .todo-completed .todo__state:checked ~ .todo__icon .todo__circle {
animation-name: none;