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

remove circle

Browse source
This commit is contained in:
DavidWells 2018-06-20 13:51:35 -07:00
parent 072fbdac9a
commit c6d3c10c8a
3 changed files with 6 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/App.css
View file

@ -127,34 +127,10 @@
z-index: 1;
}
.todo__box,
.todo__check {
/*transition: stroke-dashoffset 0.5s cubic-bezier(0.9, 0, 0.5, 1);*/
}
.todo__state:checked ~ .todo-list-title {
text-decoration: line-through;
}
.todo__circle {
stroke: #27FDC7;
stroke-dasharray: 1 6;
stroke-width: 0;
transform-origin: 13.5px 12.5px;
transform: scale(0.4) rotate(0deg);
/*animation: none 0.5s linear;*/
}
@keyframes explode {
30% {
stroke-width: 3;
stroke-opacity: 1;
transform: scale(0.8) rotate(40deg);
}
100% {
stroke-width: 0;
stroke-opacity: 0;
transform: scale(1.1) rotate(60deg);
}
}
.todo__box {
stroke-dasharray: 56.1053, 56.1053;
stroke-dashoffset: 0;
@ -167,11 +143,6 @@
transition-duration: 0.25s;
}
.todo__circle {
animation-delay: 0.56s;
animation-duration: 0.56s;
}
.todo__state:checked ~ .todo__icon .todo__box {
stroke-dashoffset: 56.1053;
transition-delay: 0s;
@ -184,10 +155,3 @@
stroke-dashoffset: 0;
transition-delay: 0s;
}
.todo__state:checked ~ .todo__icon .todo__circle {
/*animation-name: explode;*/
}
/* .todo-completed .todo__state:checked ~ .todo__icon .todo__circle {
animation-name: none;
animation: none;
} */