{"action":"created","comment":{"url":"https://api.github.com/repos/firstandthird/clientkit/pulls/comments/78307408","id":78307408,"diff_hunk":"@@ -0,0 +1,124 @@\n+/*---\n+section: Helpers\n+title: Dropdown\n+---\n+\n+#### Variables\n+```\n+  dropdown-bg: '#fff'\n+```\n+\n+#### Example\n+```example:html\n+<div class=\"dropdown open\">\n+  <button class=\"button dropdown-toggle\">Dropdown Button</button>\n+  <div class=\"dropdown-menu\">\n+    <button class=\"dropdown-item\">Button item</button>\n+    <button class=\"dropdown-item\">Button item</button>\n+    <a href=\"\" class=\"dropdown-item\">Link item</a>\n+    <a href=\"\" class=\"dropdown-item\">Link item</a>\n+  </div>\n+</div>\n+```\n+*/\n+.dropdown {\n+  display: inline-block;\n+  position: relative;\n+}\n+\n+.dropdown-toggle {\n+  transition: all ease .5s;\n+\n+  &::after {\n+    display: inline-block;\n+    width: 1em;\n+    height: 1em;\n+    margin-left: .25rem;\n+    vertical-align: middle;\n+    // triangle mixin here\n+    content: '';\n+  }\n+\n+  &:focus {\n+    outline: 0;\n+  }\n+}\n+\n+.dropdown-menu {\n+  display: none;\n+  position: absolute;\n+  top: 100%;\n+  left: 0;\n+  z-index: 1000;\n+  float: left;\n+  min-width: 160px;\n+  margin: 2px 0 0;\n+  border: var(--border-size) solid var(--color-border);\n+  border-radius: var(--border-radius);\n+  padding: 0;\n+\tbackground-color: var(--dropdown-bg);\n+  background-clip: padding-box;\n+  font-size: var(--font-size-body);\n+  text-align: left;\n+  list-style: none;\n+}\n+\n+.dropdown-item {\n+  box-sizing: border-box;\n+  display: block;\n+  width: 100%;\n+  padding: calc(var(--spacing-xs) / 2) var(--spacing-xs);\n+  clear: both;\n+  font-size: inherit;\n+  font-family: inherit;\n+  font-weight: normal;\n+  line-height: var(--line-height);\n+  color: var(--color-link);\n+  text-align: inherit;\n+  white-space: nowrap;\n+  background: none;\n+  border: 0;\n+\n+  &:hover,\n+  &:focus,\n+  &:active {\n+    color: var(--color-link-hover);\n+    text-decoration: none;\n+    background-color: var(--dropdown-bg);\n+  }\n+\n+  &:active {\n+    outline: 0;\n+  }\n+\n+  &.disabled {","path":"styles/dropdown.css","position":94,"original_position":94,"commit_id":"281eebee6e091577803b4b08f60925b3037c89ce","original_commit_id":"d9492eca862b544375d39afdd47bb6872f018788","user":{"login":"chrisopedia","id":5769156,"avatar_url":"https://avatars.githubusercontent.com/u/5769156?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisopedia","html_url":"https://github.com/chrisopedia","followers_url":"https://api.github.com/users/chrisopedia/followers","following_url":"https://api.github.com/users/chrisopedia/following{/other_user}","gists_url":"https://api.github.com/users/chrisopedia/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisopedia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisopedia/subscriptions","organizations_url":"https://api.github.com/users/chrisopedia/orgs","repos_url":"https://api.github.com/users/chrisopedia/repos","events_url":"https://api.github.com/users/chrisopedia/events{/privacy}","received_events_url":"https://api.github.com/users/chrisopedia/received_events","type":"User","site_admin":false},"body":"we can add an example; I don't see the need to overspecify the disabled class; rather prefer to keep the state type classes simple. But up to you.","created_at":"2016-09-12T01:23:36Z","updated_at":"2016-09-12T01:23:36Z","html_url":"https://github.com/firstandthird/clientkit/pull/104#discussion_r78307408","pull_request_url":"https://api.github.com/repos/firstandthird/clientkit/pulls/104","_links":{"self":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/comments/78307408"},"html":{"href":"https://github.com/firstandthird/clientkit/pull/104#discussion_r78307408"},"pull_request":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/104"}}},"pull_request":{"url":"https://api.github.com/repos/firstandthird/clientkit/pulls/104","id":83905305,"html_url":"https://github.com/firstandthird/clientkit/pull/104","diff_url":"https://github.com/firstandthird/clientkit/pull/104.diff","patch_url":"https://github.com/firstandthird/clientkit/pull/104.patch","issue_url":"https://api.github.com/repos/firstandthird/clientkit/issues/104","number":104,"state":"open","locked":false,"title":"Create dropdown helper","user":{"login":"chrisopedia","id":5769156,"avatar_url":"https://avatars.githubusercontent.com/u/5769156?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisopedia","html_url":"https://github.com/chrisopedia","followers_url":"https://api.github.com/users/chrisopedia/followers","following_url":"https://api.github.com/users/chrisopedia/following{/other_user}","gists_url":"https://api.github.com/users/chrisopedia/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisopedia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisopedia/subscriptions","organizations_url":"https://api.github.com/users/chrisopedia/orgs","repos_url":"https://api.github.com/users/chrisopedia/repos","events_url":"https://api.github.com/users/chrisopedia/events{/privacy}","received_events_url":"https://api.github.com/users/chrisopedia/received_events","type":"User","site_admin":false},"body":"Why is this pull request necessary:\r\n\r\n1. abstract out the common dropdown pattern into something generic\r\n\r\nChanges proposed in this pull request:\r\n\r\n- new variable for the background\r\n- create the mdcss docs\r\n- create the helper\r\n\r\nScreenshot of docs:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/5769156/18227496/fb474afc-71da-11e6-957c-2a220b295bed.png)","created_at":"2016-09-03T20:34:36Z","updated_at":"2016-09-12T01:23:36Z","closed_at":null,"merged_at":null,"merge_commit_sha":"e1528420e639d7af9caf321f82ea8b6c036e0ca9","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/firstandthird/clientkit/pulls/104/commits","review_comments_url":"https://api.github.com/repos/firstandthird/clientkit/pulls/104/comments","review_comment_url":"https://api.github.com/repos/firstandthird/clientkit/pulls/comments{/number}","comments_url":"https://api.github.com/repos/firstandthird/clientkit/issues/104/comments","statuses_url":"https://api.github.com/repos/firstandthird/clientkit/statuses/281eebee6e091577803b4b08f60925b3037c89ce","head":{"label":"firstandthird:dropdown","ref":"dropdown","sha":"281eebee6e091577803b4b08f60925b3037c89ce","user":{"login":"firstandthird","id":4642413,"avatar_url":"https://avatars.githubusercontent.com/u/4642413?v=3","gravatar_id":"","url":"https://api.github.com/users/firstandthird","html_url":"https://github.com/firstandthird","followers_url":"https://api.github.com/users/firstandthird/followers","following_url":"https://api.github.com/users/firstandthird/following{/other_user}","gists_url":"https://api.github.com/users/firstandthird/gists{/gist_id}","starred_url":"https://api.github.com/users/firstandthird/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firstandthird/subscriptions","organizations_url":"https://api.github.com/users/firstandthird/orgs","repos_url":"https://api.github.com/users/firstandthird/repos","events_url":"https://api.github.com/users/firstandthird/events{/privacy}","received_events_url":"https://api.github.com/users/firstandthird/received_events","type":"Organization","site_admin":false},"repo":{"id":61487446,"name":"clientkit","full_name":"firstandthird/clientkit","owner":{"login":"firstandthird","id":4642413,"avatar_url":"https://avatars.githubusercontent.com/u/4642413?v=3","gravatar_id":"","url":"https://api.github.com/users/firstandthird","html_url":"https://github.com/firstandthird","followers_url":"https://api.github.com/users/firstandthird/followers","following_url":"https://api.github.com/users/firstandthird/following{/other_user}","gists_url":"https://api.github.com/users/firstandthird/gists{/gist_id}","starred_url":"https://api.github.com/users/firstandthird/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firstandthird/subscriptions","organizations_url":"https://api.github.com/users/firstandthird/orgs","repos_url":"https://api.github.com/users/firstandthird/repos","events_url":"https://api.github.com/users/firstandthird/events{/privacy}","received_events_url":"https://api.github.com/users/firstandthird/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/firstandthird/clientkit","description":"A UI framework for building client projects efficiently and effectively.","fork":false,"url":"https://api.github.com/repos/firstandthird/clientkit","forks_url":"https://api.github.com/repos/firstandthird/clientkit/forks","keys_url":"https://api.github.com/repos/firstandthird/clientkit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/firstandthird/clientkit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/firstandthird/clientkit/teams","hooks_url":"https://api.github.com/repos/firstandthird/clientkit/hooks","issue_events_url":"https://api.github.com/repos/firstandthird/clientkit/issues/events{/number}","events_url":"https://api.github.com/repos/firstandthird/clientkit/events","assignees_url":"https://api.github.com/repos/firstandthird/clientkit/assignees{/user}","branches_url":"https://api.github.com/repos/firstandthird/clientkit/branches{/branch}","tags_url":"https://api.github.com/repos/firstandthird/clientkit/tags","blobs_url":"https://api.github.com/repos/firstandthird/clientkit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/firstandthird/clientkit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/firstandthird/clientkit/git/refs{/sha}","trees_url":"https://api.github.com/repos/firstandthird/clientkit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/firstandthird/clientkit/statuses/{sha}","languages_url":"https://api.github.com/repos/firstandthird/clientkit/languages","stargazers_url":"https://api.github.com/repos/firstandthird/clientkit/stargazers","contributors_url":"https://api.github.com/repos/firstandthird/clientkit/contributors","subscribers_url":"https://api.github.com/repos/firstandthird/clientkit/subscribers","subscription_url":"https://api.github.com/repos/firstandthird/clientkit/subscription","commits_url":"https://api.github.com/repos/firstandthird/clientkit/commits{/sha}","git_commits_url":"https://api.github.com/repos/firstandthird/clientkit/git/commits{/sha}","comments_url":"https://api.github.com/repos/firstandthird/clientkit/comments{/number}","issue_comment_url":"https://api.github.com/repos/firstandthird/clientkit/issues/comments{/number}","contents_url":"https://api.github.com/repos/firstandthird/clientkit/contents/{+path}","compare_url":"https://api.github.com/repos/firstandthird/clientkit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/firstandthird/clientkit/merges","archive_url":"https://api.github.com/repos/firstandthird/clientkit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/firstandthird/clientkit/downloads","issues_url":"https://api.github.com/repos/firstandthird/clientkit/issues{/number}","pulls_url":"https://api.github.com/repos/firstandthird/clientkit/pulls{/number}","milestones_url":"https://api.github.com/repos/firstandthird/clientkit/milestones{/number}","notifications_url":"https://api.github.com/repos/firstandthird/clientkit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/firstandthird/clientkit/labels{/name}","releases_url":"https://api.github.com/repos/firstandthird/clientkit/releases{/id}","deployments_url":"https://api.github.com/repos/firstandthird/clientkit/deployments","created_at":"2016-06-19T15:44:54Z","updated_at":"2016-08-18T23:49:36Z","pushed_at":"2016-09-12T01:13:19Z","git_url":"git://github.com/firstandthird/clientkit.git","ssh_url":"git@github.com:firstandthird/clientkit.git","clone_url":"https://github.com/firstandthird/clientkit.git","svn_url":"https://github.com/firstandthird/clientkit","homepage":"http://clientkit.io/","size":1083,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":13,"forks":0,"open_issues":13,"watchers":0,"default_branch":"master"}},"base":{"label":"firstandthird:master","ref":"master","sha":"57e773521e9ac8eaf2fc07e0d4be6e3ab0313c3d","user":{"login":"firstandthird","id":4642413,"avatar_url":"https://avatars.githubusercontent.com/u/4642413?v=3","gravatar_id":"","url":"https://api.github.com/users/firstandthird","html_url":"https://github.com/firstandthird","followers_url":"https://api.github.com/users/firstandthird/followers","following_url":"https://api.github.com/users/firstandthird/following{/other_user}","gists_url":"https://api.github.com/users/firstandthird/gists{/gist_id}","starred_url":"https://api.github.com/users/firstandthird/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firstandthird/subscriptions","organizations_url":"https://api.github.com/users/firstandthird/orgs","repos_url":"https://api.github.com/users/firstandthird/repos","events_url":"https://api.github.com/users/firstandthird/events{/privacy}","received_events_url":"https://api.github.com/users/firstandthird/received_events","type":"Organization","site_admin":false},"repo":{"id":61487446,"name":"clientkit","full_name":"firstandthird/clientkit","owner":{"login":"firstandthird","id":4642413,"avatar_url":"https://avatars.githubusercontent.com/u/4642413?v=3","gravatar_id":"","url":"https://api.github.com/users/firstandthird","html_url":"https://github.com/firstandthird","followers_url":"https://api.github.com/users/firstandthird/followers","following_url":"https://api.github.com/users/firstandthird/following{/other_user}","gists_url":"https://api.github.com/users/firstandthird/gists{/gist_id}","starred_url":"https://api.github.com/users/firstandthird/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/firstandthird/subscriptions","organizations_url":"https://api.github.com/users/firstandthird/orgs","repos_url":"https://api.github.com/users/firstandthird/repos","events_url":"https://api.github.com/users/firstandthird/events{/privacy}","received_events_url":"https://api.github.com/users/firstandthird/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/firstandthird/clientkit","description":"A UI framework for building client projects efficiently and effectively.","fork":false,"url":"https://api.github.com/repos/firstandthird/clientkit","forks_url":"https://api.github.com/repos/firstandthird/clientkit/forks","keys_url":"https://api.github.com/repos/firstandthird/clientkit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/firstandthird/clientkit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/firstandthird/clientkit/teams","hooks_url":"https://api.github.com/repos/firstandthird/clientkit/hooks","issue_events_url":"https://api.github.com/repos/firstandthird/clientkit/issues/events{/number}","events_url":"https://api.github.com/repos/firstandthird/clientkit/events","assignees_url":"https://api.github.com/repos/firstandthird/clientkit/assignees{/user}","branches_url":"https://api.github.com/repos/firstandthird/clientkit/branches{/branch}","tags_url":"https://api.github.com/repos/firstandthird/clientkit/tags","blobs_url":"https://api.github.com/repos/firstandthird/clientkit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/firstandthird/clientkit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/firstandthird/clientkit/git/refs{/sha}","trees_url":"https://api.github.com/repos/firstandthird/clientkit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/firstandthird/clientkit/statuses/{sha}","languages_url":"https://api.github.com/repos/firstandthird/clientkit/languages","stargazers_url":"https://api.github.com/repos/firstandthird/clientkit/stargazers","contributors_url":"https://api.github.com/repos/firstandthird/clientkit/contributors","subscribers_url":"https://api.github.com/repos/firstandthird/clientkit/subscribers","subscription_url":"https://api.github.com/repos/firstandthird/clientkit/subscription","commits_url":"https://api.github.com/repos/firstandthird/clientkit/commits{/sha}","git_commits_url":"https://api.github.com/repos/firstandthird/clientkit/git/commits{/sha}","comments_url":"https://api.github.com/repos/firstandthird/clientkit/comments{/number}","issue_comment_url":"https://api.github.com/repos/firstandthird/clientkit/issues/comments{/number}","contents_url":"https://api.github.com/repos/firstandthird/clientkit/contents/{+path}","compare_url":"https://api.github.com/repos/firstandthird/clientkit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/firstandthird/clientkit/merges","archive_url":"https://api.github.com/repos/firstandthird/clientkit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/firstandthird/clientkit/downloads","issues_url":"https://api.github.com/repos/firstandthird/clientkit/issues{/number}","pulls_url":"https://api.github.com/repos/firstandthird/clientkit/pulls{/number}","milestones_url":"https://api.github.com/repos/firstandthird/clientkit/milestones{/number}","notifications_url":"https://api.github.com/repos/firstandthird/clientkit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/firstandthird/clientkit/labels{/name}","releases_url":"https://api.github.com/repos/firstandthird/clientkit/releases{/id}","deployments_url":"https://api.github.com/repos/firstandthird/clientkit/deployments","created_at":"2016-06-19T15:44:54Z","updated_at":"2016-08-18T23:49:36Z","pushed_at":"2016-09-12T01:13:19Z","git_url":"git://github.com/firstandthird/clientkit.git","ssh_url":"git@github.com:firstandthird/clientkit.git","clone_url":"https://github.com/firstandthird/clientkit.git","svn_url":"https://github.com/firstandthird/clientkit","homepage":"http://clientkit.io/","size":1083,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":13,"forks":0,"open_issues":13,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/104"},"html":{"href":"https://github.com/firstandthird/clientkit/pull/104"},"issue":{"href":"https://api.github.com/repos/firstandthird/clientkit/issues/104"},"comments":{"href":"https://api.github.com/repos/firstandthird/clientkit/issues/104/comments"},"review_comments":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/104/comments"},"review_comment":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/firstandthird/clientkit/pulls/104/commits"},"statuses":{"href":"https://api.github.com/repos/firstandthird/clientkit/statuses/281eebee6e091577803b4b08f60925b3037c89ce"}}}}
{"actor":{"display_login":"chrisopedia"}}