{"action":"created","issue":{"url":"https://api.github.com/repos/picturepan2/spectre/issues/126","repository_url":"https://api.github.com/repos/picturepan2/spectre","labels_url":"https://api.github.com/repos/picturepan2/spectre/issues/126/labels{/name}","comments_url":"https://api.github.com/repos/picturepan2/spectre/issues/126/comments","events_url":"https://api.github.com/repos/picturepan2/spectre/issues/126/events","html_url":"https://github.com/picturepan2/spectre/issues/126","id":194099408,"number":126,"title":"Suggestion: Pure CSS Dropdown","user":{"login":"roemhildtg","id":5471079,"avatar_url":"https://avatars.githubusercontent.com/u/5471079?v=3","gravatar_id":"","url":"https://api.github.com/users/roemhildtg","html_url":"https://github.com/roemhildtg","followers_url":"https://api.github.com/users/roemhildtg/followers","following_url":"https://api.github.com/users/roemhildtg/following{/other_user}","gists_url":"https://api.github.com/users/roemhildtg/gists{/gist_id}","starred_url":"https://api.github.com/users/roemhildtg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/roemhildtg/subscriptions","organizations_url":"https://api.github.com/users/roemhildtg/orgs","repos_url":"https://api.github.com/users/roemhildtg/repos","events_url":"https://api.github.com/users/roemhildtg/events{/privacy}","received_events_url":"https://api.github.com/users/roemhildtg/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2016-12-07T16:35:39Z","updated_at":"2016-12-26T14:56:39Z","closed_at":null,"body":"What do you think about adding a pure-css dropdown component? This component example is toggled using the :focus selector. \r\n\r\ncss\r\n```css\r\n.dropdown-menu {\r\n    display: none;\r\n    position: absolute;\r\n}\r\na.dropdown-toggle:focus,\r\na.dropdown-toggle:active {\r\n    background: #f2f2f2;\r\n}\r\na.dropdown-toggle:focus+.dropdown-menu,\r\na.dropdown-toggle:active+.dropdown-menu {\r\n    display: block;\r\n}\r\n.dropdown-menu:hover {\r\n    display: block;\r\n}\r\n```\r\n\r\nexample:\r\n```html\r\n    <div class=\"dropdown float-left\">\r\n        <a href=\"#\" onclick=\"javascript:return false;\" class=\"btn btn-link dropdown-toggle\" data-toggle=\"dropdown\" role=\"button\" aria-haspopup=\"true\">Dropdown Menu\r\n          <i class=\"caret fa fa-caret-down\"></i>\r\n        </a>\r\n        <ul class=\"dropdown-menu menu\">\r\n                <li class=\"menu-item\">\r\n                    <a href=\"#\">\r\n                        <i class=\"fa fa-fw fa-map-marker\"></i> Dropdown Item 1</a>\r\n                </li>\r\n                <li class=\"menu-item\">\r\n                    <a href=\"#\">\r\n                        <i class=\"fa fa-fw fa-map-marker\"></i> Dropdown Item 2</a>\r\n                </li>\r\n                <li class=\"menu-item\">\r\n                    <a href=\"#\">\r\n                        <i class=\"fa fa-fw fa-map-marker\"></i> Dropdown Item 3</a>\r\n                </li>\r\n        </ul>\r\n    </div>\r\n```\r\n\r\nIt looks something like this:\r\n![image](https://cloud.githubusercontent.com/assets/5471079/20976681/e42cae88-bc68-11e6-94ac-9092565ea8c0.png)\r\n"},"comment":{"url":"https://api.github.com/repos/picturepan2/spectre/issues/comments/269218055","html_url":"https://github.com/picturepan2/spectre/issues/126#issuecomment-269218055","issue_url":"https://api.github.com/repos/picturepan2/spectre/issues/126","id":269218055,"user":{"login":"roemhildtg","id":5471079,"avatar_url":"https://avatars.githubusercontent.com/u/5471079?v=3","gravatar_id":"","url":"https://api.github.com/users/roemhildtg","html_url":"https://github.com/roemhildtg","followers_url":"https://api.github.com/users/roemhildtg/followers","following_url":"https://api.github.com/users/roemhildtg/following{/other_user}","gists_url":"https://api.github.com/users/roemhildtg/gists{/gist_id}","starred_url":"https://api.github.com/users/roemhildtg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/roemhildtg/subscriptions","organizations_url":"https://api.github.com/users/roemhildtg/orgs","repos_url":"https://api.github.com/users/roemhildtg/repos","events_url":"https://api.github.com/users/roemhildtg/events{/privacy}","received_events_url":"https://api.github.com/users/roemhildtg/received_events","type":"User","site_admin":false},"created_at":"2016-12-26T14:56:39Z","updated_at":"2016-12-26T14:56:39Z","body":":thumbsup:"}}
{"actor":{"display_login":"roemhildtg"}}