While building the start|stop timer feature https://github.com/dwyl/app/issues/265,
I tried to implement a mobile-first (responsive) navigation menu in Tachyons and failed miserably. 🤦♂
After some googling I discovered issue #10 (which I had opened a while back ...)
(It's always good to re-discover a @dwyl issue with some helpful content! the system works!!)
But ... rather than forcing people to read through a commit which isn't very beginner-friendly,
I've split out the code and simplified it into an example with in-line comments and explanation.
While building the
start|stop timerfeature https://github.com/dwyl/app/issues/265, I tried to implement a mobile-first (responsive) navigation menu in Tachyons and failed miserably. 🤦♂ After some googling I discovered issue #10 (which I had opened a while back ...) (It's always good to re-discover a @dwyl issue with some helpful content! the system works!!)@Cleop left a comment https://github.com/dwyl/learn-tachyons/issues/10#issuecomment-308490540 linking to the
A lot of people using Tachyons have found this useful. 🎉
dwyl-siteimplementation of the CSS-only responsive navigation menu: https://github.com/dwyl/dwyl-site/pull/264/files#diff-b0638442d6af953ff33fca3d49113579L18 The link and brief explanation is much better than nothing, so thanks for the comment! 🥇 And judging by how much ❤️ the comment has received from the community:But ... rather than forcing people to read through a commit which isn't very beginner-friendly, I've split out the code and simplified it into an example with in-line comments and explanation.
This PR includes
README.md: https://github.com/dwyl/learn-tachyons/tree/responsive-nav-menu-issue%2310#responsive-navigation-menuexamples/nav-menu.htmlfile people can learn from and play with.@iteles / @SimonLab please take a look when you can. (not urgent, just nice-to-have) Thanks! 🌻