simplify app logic
This commit is contained in:
parent
c348a515de
commit
a63011a996
2 changed files with 72 additions and 70 deletions
16
src/App.css
16
src/App.css
|
|
@ -202,10 +202,7 @@
|
|||
left: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
.todo__text {
|
||||
color: #135156;
|
||||
transition: all 0.4s linear 0.4s;
|
||||
}
|
||||
|
||||
.todo__icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -219,6 +216,7 @@
|
|||
stroke-width: 2;
|
||||
stroke-linejoin: round;
|
||||
stroke-linecap: round;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.todo__box,
|
||||
|
|
@ -265,11 +263,7 @@
|
|||
animation-delay: 0.56s;
|
||||
animation-duration: 0.56s;
|
||||
}
|
||||
.todo__state:checked + .todo__text {
|
||||
transition-delay: 0s;
|
||||
color: #5EBEC1;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.todo__state:checked ~ .todo__icon .todo__box {
|
||||
stroke-dashoffset: 56.1053;
|
||||
transition-delay: 0s;
|
||||
|
|
@ -282,3 +276,7 @@
|
|||
.todo__state:checked ~ .todo__icon .todo__circle {
|
||||
animation-name: explode;
|
||||
}
|
||||
.todo-completed .todo__state:checked ~ .todo__icon .todo__circle {
|
||||
animation-name: none;
|
||||
animation: none;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue