Hello characters, but I didn't want to use for example &:nth-child(1) and &:nth-child(2)... Then I used @for.
This is really useful.
@for $i from 1 through 5 {
&:nth-child(#{$i + 1}) {
$delay: $i * 0.1 + s;
animation-delay: $delay;
}
}
Arrows
I added the following 4 arrows.
image.png
This is easy, but I think it's a bit bothersome. So I added.
Speech Bubbles
I added the following 4 speech bubbles.
image.png
Bug fixes
The bug fixes is below.
- When a modal was open, clicking anywhere would close the modal.
Before
Image from Gyazo
You may want to copy a part of the code while the modal is open, but before updating, no matter where you click in the modal, it closes.
After
Image from Gyazo
Then, I fixed.
ππππππππ
Thank you for reading!
I would be really grad if you use this website and give me any feedback!
ππππππ
Please send me a message if you need.
ππππππ