{"action":"created","issue":{"url":"https://api.github.com/repos/rhyneav/papercss/issues/39","repository_url":"https://api.github.com/repos/rhyneav/papercss","labels_url":"https://api.github.com/repos/rhyneav/papercss/issues/39/labels{/name}","comments_url":"https://api.github.com/repos/rhyneav/papercss/issues/39/comments","events_url":"https://api.github.com/repos/rhyneav/papercss/issues/39/events","html_url":"https://github.com/rhyneav/papercss/pull/39","id":275231021,"number":39,"title":"Feature navbar","user":{"login":"amanbayev","id":8950498,"avatar_url":"https://avatars1.githubusercontent.com/u/8950498?v=4","gravatar_id":"","url":"https://api.github.com/users/amanbayev","html_url":"https://github.com/amanbayev","followers_url":"https://api.github.com/users/amanbayev/followers","following_url":"https://api.github.com/users/amanbayev/following{/other_user}","gists_url":"https://api.github.com/users/amanbayev/gists{/gist_id}","starred_url":"https://api.github.com/users/amanbayev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amanbayev/subscriptions","organizations_url":"https://api.github.com/users/amanbayev/orgs","repos_url":"https://api.github.com/users/amanbayev/repos","events_url":"https://api.github.com/users/amanbayev/events{/privacy}","received_events_url":"https://api.github.com/users/amanbayev/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":20,"created_at":"2017-11-20T04:00:07Z","updated_at":"2017-11-22T11:12:08Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/rhyneav/papercss/pulls/39","html_url":"https://github.com/rhyneav/papercss/pull/39","diff_url":"https://github.com/rhyneav/papercss/pull/39.diff","patch_url":"https://github.com/rhyneav/papercss/pull/39.patch"},"body":"## Brief description\r\n\r\n#### Updated 21.11.2017 (followed suggested comments - thank you for feedback!)\r\n\r\n- [x] removed JS\r\n- [x] moved css to less\r\n- [x] added home icon suggested in comments\r\n- [x] restored original template md file contents\r\n- [x] added original version (alternate styling) of navbar without buttons, but with flat links\r\n- [x] removed custom classes\r\n- [x] removed button version, went with flat one\r\n- [x] removed home icon - i think creating matching iconset is another subtask of this project\r\n- [x] minifed example html and less\r\n\r\n### Navbar element for PaperCSS\r\nAdded a small paper-navbar element which does good job at creating simple mobile-friendly top navbar\r\n\r\nThis is what it looks like in HTML:\r\n```html\r\n<nav>\r\n      <label for=\"menu-toggle\">&#9776;</label>\r\n      <input type=\"checkbox\" id=\"menu-toggle\" role=\"button\"></input>\r\n      <ul>\r\n        <li class=\"active\"><a href=\"#\">Home</a></li>\r\n        <li><a href=\"#\">About</a></li>\r\n        <li><a href=\"#\">Portfolio</a></li>\r\n        <li><a href=\"#\">News</a></li>\r\n        <li><a href=\"#\">Contact</a></li>\r\n      </ul>\r\n</nav>\r\n```\r\n\r\nThe less file is located in navbar.less:\r\n\r\n```less\r\n@grey_background: #c2c2c2;\r\n.active {\r\n\tbackground: @grey_background;\r\n}\r\nnav {\r\n\tdisplay: block;\r\n\tmargin-top: 0px;\r\n\tmargin-left: 0px;\r\n\tlabel {\r\n\t\tdisplay: none;\r\n\t}\r\n\tinput {\r\n\t\tdisplay: none;\r\n\t\t&:checked {\r\n\t\t\t&~ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tul {\r\n\t\t&:not(:first-child) {\r\n\t\t\tmargin-top: -20px;\r\n\t\t}\r\n\t}\r\n\tli {\r\n\t\tfont-style: normal;\r\n\t\tpadding-left: 16px;\r\n\t\tpadding-right: 16px;\r\n\t\tpadding-top: 6px;\r\n\t\tpadding-bottom: 6px;\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 8px;\r\n\t\t&:hover {\r\n\t\t\tbackground: @grey_background;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\tcontent: \"\";\r\n\t\t}\r\n\t\ta {\r\n\t\t\tbackground-image: none;\r\n\t\t}\r\n\t}\r\n}\r\n@media screen and (max-width : 760px) {\r\n\tnav {\r\n\t\tul {\r\n\t\t\tposition: static;\r\n\t\t\t&:not(:first-child) {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\tli {\r\n\t\t\t\t&:not(:first-child) {\r\n\t\t\t\t\tmargin-top: 30px;\r\n\t\t\t\t}\r\n\t\t\t\tfloat: none;\r\n\t      display: block;\r\n\t      text-align: left;\r\n\t\t\t\tmargin-bottom: 1px;\r\n\t\t\t}\r\n\t\t}\r\n\t\tlabel {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n```\r\n\r\n## Developer Certificate of Origin\r\n\r\n- [x] I certify that these changes according to the Developer Certificate of Origin 1.1 as described at <https://developercertificate.org/>.\r\n\r\n## Sample pictures\r\n\r\n- [x] removed pictures\r\n\r\n## Further details\r\n\r\nThis is just a start. Perhaps someone can help enhance it.\r\nI think having a simple way to add navbar would be awesome.\r\n\r\np.s.: I love PaperCSS so far - great framework\r\n"},"comment":{"url":"https://api.github.com/repos/rhyneav/papercss/issues/comments/346319802","html_url":"https://github.com/rhyneav/papercss/pull/39#issuecomment-346319802","issue_url":"https://api.github.com/repos/rhyneav/papercss/issues/39","id":346319802,"user":{"login":"afzalsayed96","id":14029371,"avatar_url":"https://avatars1.githubusercontent.com/u/14029371?v=4","gravatar_id":"","url":"https://api.github.com/users/afzalsayed96","html_url":"https://github.com/afzalsayed96","followers_url":"https://api.github.com/users/afzalsayed96/followers","following_url":"https://api.github.com/users/afzalsayed96/following{/other_user}","gists_url":"https://api.github.com/users/afzalsayed96/gists{/gist_id}","starred_url":"https://api.github.com/users/afzalsayed96/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/afzalsayed96/subscriptions","organizations_url":"https://api.github.com/users/afzalsayed96/orgs","repos_url":"https://api.github.com/users/afzalsayed96/repos","events_url":"https://api.github.com/users/afzalsayed96/events{/privacy}","received_events_url":"https://api.github.com/users/afzalsayed96/received_events","type":"User","site_admin":false},"created_at":"2017-11-22T11:12:08Z","updated_at":"2017-11-22T11:12:08Z","author_association":"NONE","body":"Thanks @amanbayev ! I found out that the issue is in Tables section (reported in issue #52 ) and not caused due to navbar. Your commits are good to go 👍 "}}
{"actor":{"display_login":"afzalsayed96"}}