A Github graph inspired 💣 Minesweeper-type game.
Click on the squares if you dare - or hover & "paint" the graph of your dreams.
- Pug to generate all those checkboxes
- CSS Grid
- Basic keyframe animation (changes color of the squares)
- An experimental use of
:focus-within+ the general sibling combination (
~) to accomplish clearing all squares that follow a discovered 💣 mine
- Sass to randomly select the mine squares which refreshes each page load thanks to the nature of CodePen
Desktop-only due to lack of hover or a comparable
:touchselector on mobile, which means adequate touch events would require JS. If you have a hack around this I'd love to hear it!