{"action":"created","comment":{"url":"https://api.github.com/repos/cfpb/capital-framework/pulls/comments/74256672","id":74256672,"diff_hunk":"@@ -219,6 +219,340 @@ textarea {\n \n }\n \n+.input-group {\n+\n+    &_item,\n+    &_item[type=\"text\"] {\n+        display: inline-block;\n+        box-sizing: border-box;\n+        width: 50%;\n+        position: relative;\n+        // Since an input-group_item can overlap another we need to use z-index\n+        // is needed to allow the focused input to pop over unfocused inputs.\n+        z-index: 1;\n+\n+        & + & {\n+            margin-left: unit(-5px / @base-font-size-px, em);\n+        }\n+\n+        &:focus {\n+            z-index: 2;\n+        }\n+    }\n+\n+}\n+\n+\n //\n-// EOF\n+// Form layouts\n+//\n+\n+.form-l {\n+    &__flush {\n+        .respond-to-min( @bp-lg-min, {\n+            .grid_nested-col-group();\n+        });\n+    }\n+\n+    &__float {\n+        .respond-to-min( @bp-lg-min, {\n+            .u-clearfix();\n+            & .form-l_col {\n+                display: block;\n+                float: left;\n+                margin-right: 0;\n+            }\n+        });\n+    }\n+\n+    .respond-to-min( @bp-sm-min, {\n+        .grid_nested-col-group();\n+    });\n+}\n+\n+.form-l_col {\n+    margin-bottom: unit(@grid_gutter-width / @base-font-size-px, em);\n+\n+    &__flush-bottom {\n+        // Used when a col is wrapping inner cols that\n+        // have their own margin\n+        margin-bottom: 0;\n+    }\n+\n+    input[type=\"text\"],\n+    input[type=\"search\"],\n+    input[type=\"email\"],\n+    input[type=\"url\"],\n+    input[type=\"tel\"],\n+    input[type=\"number\"],\n+    select,\n+    textarea {\n+        // TODO: Move border-box value to cf-forms.\n+        box-sizing: border-box;\n+        width: 100%;\n+    }\n+}\n+\n+.respond-to-min( @bp-sm-min, {\n+    .form-l_col-1-4 {\n+        .grid_column(3);\n+    }\n+\n+    .form-l_col-1-2 {\n+        .grid_column(6);\n+    }\n+\n+    .form-l_col-1-3 {\n+        .grid_column(4);\n+    }\n+\n+    .form-l_col-2-3 {\n+        .grid_column(8);\n+    }\n+\n+    .form-l_col-1 {\n+        .grid_column(12);\n+    }\n+});\n+\n+//\n+// Checkboxes and radio buttons\n+//\n+\n+@input-active:          #046b99;\n+\n+@input-bg-disabled:     #5b616b;\n+@input-border-disabled: #aeb0b5;\n+\n+// Insets\n+@input-inset-bg:        #d6d7d9;\n+@input-inset-selected:  #e1f3f8;\n+\n+@checkbox-width:        unit( 18px / @base-font-size-px, em);","path":"src/cf-forms/src/cf-forms.less","position":186,"original_position":186,"commit_id":"e01368795ebbfdea264794aedf47123924edfee7","original_commit_id":"e01368795ebbfdea264794aedf47123924edfee7","user":{"login":"jimmynotjim","id":1280430,"avatar_url":"https://avatars.githubusercontent.com/u/1280430?v=3","gravatar_id":"","url":"https://api.github.com/users/jimmynotjim","html_url":"https://github.com/jimmynotjim","followers_url":"https://api.github.com/users/jimmynotjim/followers","following_url":"https://api.github.com/users/jimmynotjim/following{/other_user}","gists_url":"https://api.github.com/users/jimmynotjim/gists{/gist_id}","starred_url":"https://api.github.com/users/jimmynotjim/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimmynotjim/subscriptions","organizations_url":"https://api.github.com/users/jimmynotjim/orgs","repos_url":"https://api.github.com/users/jimmynotjim/repos","events_url":"https://api.github.com/users/jimmynotjim/events{/privacy}","received_events_url":"https://api.github.com/users/jimmynotjim/received_events","type":"User","site_admin":false},"body":"Minor, missing spaces in closing parens.","created_at":"2016-08-10T14:37:33Z","updated_at":"2016-08-10T14:37:33Z","html_url":"https://github.com/cfpb/capital-framework/pull/372#discussion_r74256672","pull_request_url":"https://api.github.com/repos/cfpb/capital-framework/pulls/372","_links":{"self":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/comments/74256672"},"html":{"href":"https://github.com/cfpb/capital-framework/pull/372#discussion_r74256672"},"pull_request":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/372"}}},"pull_request":{"url":"https://api.github.com/repos/cfpb/capital-framework/pulls/372","id":79622399,"html_url":"https://github.com/cfpb/capital-framework/pull/372","diff_url":"https://github.com/cfpb/capital-framework/pull/372.diff","patch_url":"https://github.com/cfpb/capital-framework/pull/372.patch","issue_url":"https://api.github.com/repos/cfpb/capital-framework/issues/372","number":372,"state":"open","locked":false,"title":"Atomic design: add select molecule to cf-forms ","user":{"login":"cfarm","id":702526,"avatar_url":"https://avatars.githubusercontent.com/u/702526?v=3","gravatar_id":"","url":"https://api.github.com/users/cfarm","html_url":"https://github.com/cfarm","followers_url":"https://api.github.com/users/cfarm/followers","following_url":"https://api.github.com/users/cfarm/following{/other_user}","gists_url":"https://api.github.com/users/cfarm/gists{/gist_id}","starred_url":"https://api.github.com/users/cfarm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfarm/subscriptions","organizations_url":"https://api.github.com/users/cfarm/orgs","repos_url":"https://api.github.com/users/cfarm/repos","events_url":"https://api.github.com/users/cfarm/events{/privacy}","received_events_url":"https://api.github.com/users/cfarm/received_events","type":"User","site_admin":false},"body":"Part of Atomic design issue https://github.com/cfpb/capital-framework/issues/345\r\n\r\nAdds cf-forms from cfgov-refresh (based on @anselmbradford's update_form_elems branch) + makes select element a molecule.\r\n\r\nThis is the same changes from #350, but branching off of `prerelease-ver-4`\r\n\r\n## Additions\r\n\r\n- cf-forms.less from cfgov-refresh\r\n- select element CSS from cfpb/cfgov-refresh#1273: New inputs and textareas\r\n- markup for select elements in `usage.md`\r\n\r\n## Testing\r\n\r\n- npm link this and check out the following branch on capital-framework-sandbox to test: https://github.com/cfarm/capital-framework-sandbox/tree/atomic/cf-forms\r\n\r\n## Review\r\n\r\n- @jimmynotjim or @KimberlyMunoz \r\n\r\n## Screenshots\r\n![screen shot 2016-07-20 at 11 32 01 am](https://cloud.githubusercontent.com/assets/702526/16992565/c1f43dea-4e6d-11e6-8478-6599f91e226b.png)\r\n![screen shot 2016-07-20 at 11 31 52 am](https://cloud.githubusercontent.com/assets/702526/16992566/c1f459ce-4e6d-11e6-8512-b036f51652fb.png)\r\n\r\n## Checklist\r\n\r\n* [ ] Changes are limited to a single goal (no scope creep)\r\n* [ ] Code can be automatically merged (no conflicts)\r\n* [ ] Code follows the standards laid out in the [front end playbook](https://github.com/cfpb/front-end)\r\n* [ ] Passes all existing automated tests\r\n* [ ] New functions include new tests\r\n* [ ] New functions are documented (with a description, list of inputs, and expected output)\r\n* [ ] Placeholder code is flagged\r\n* [ ] Visually tested in supported browsers and devices\r\n* [ ] Project documentation has been updated (including the \"Unreleased\" section of the CHANGELOG)\r\n","created_at":"2016-08-01T19:30:15Z","updated_at":"2016-08-10T14:37:33Z","closed_at":null,"merged_at":null,"merge_commit_sha":"21bcbcb50023840e60722d7c678a86de4b0ffec2","assignee":{"login":"jimmynotjim","id":1280430,"avatar_url":"https://avatars.githubusercontent.com/u/1280430?v=3","gravatar_id":"","url":"https://api.github.com/users/jimmynotjim","html_url":"https://github.com/jimmynotjim","followers_url":"https://api.github.com/users/jimmynotjim/followers","following_url":"https://api.github.com/users/jimmynotjim/following{/other_user}","gists_url":"https://api.github.com/users/jimmynotjim/gists{/gist_id}","starred_url":"https://api.github.com/users/jimmynotjim/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimmynotjim/subscriptions","organizations_url":"https://api.github.com/users/jimmynotjim/orgs","repos_url":"https://api.github.com/users/jimmynotjim/repos","events_url":"https://api.github.com/users/jimmynotjim/events{/privacy}","received_events_url":"https://api.github.com/users/jimmynotjim/received_events","type":"User","site_admin":false},"assignees":[{"login":"jimmynotjim","id":1280430,"avatar_url":"https://avatars.githubusercontent.com/u/1280430?v=3","gravatar_id":"","url":"https://api.github.com/users/jimmynotjim","html_url":"https://github.com/jimmynotjim","followers_url":"https://api.github.com/users/jimmynotjim/followers","following_url":"https://api.github.com/users/jimmynotjim/following{/other_user}","gists_url":"https://api.github.com/users/jimmynotjim/gists{/gist_id}","starred_url":"https://api.github.com/users/jimmynotjim/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimmynotjim/subscriptions","organizations_url":"https://api.github.com/users/jimmynotjim/orgs","repos_url":"https://api.github.com/users/jimmynotjim/repos","events_url":"https://api.github.com/users/jimmynotjim/events{/privacy}","received_events_url":"https://api.github.com/users/jimmynotjim/received_events","type":"User","site_admin":false}],"milestone":null,"commits_url":"https://api.github.com/repos/cfpb/capital-framework/pulls/372/commits","review_comments_url":"https://api.github.com/repos/cfpb/capital-framework/pulls/372/comments","review_comment_url":"https://api.github.com/repos/cfpb/capital-framework/pulls/comments{/number}","comments_url":"https://api.github.com/repos/cfpb/capital-framework/issues/372/comments","statuses_url":"https://api.github.com/repos/cfpb/capital-framework/statuses/e01368795ebbfdea264794aedf47123924edfee7","head":{"label":"cfpb:atomic/cf-forms/select","ref":"atomic/cf-forms/select","sha":"e01368795ebbfdea264794aedf47123924edfee7","user":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"repo":{"id":17405777,"name":"capital-framework","full_name":"cfpb/capital-framework","owner":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cfpb/capital-framework","description":"The Consumer Financial Protection Bureau's user interface framework","fork":false,"url":"https://api.github.com/repos/cfpb/capital-framework","forks_url":"https://api.github.com/repos/cfpb/capital-framework/forks","keys_url":"https://api.github.com/repos/cfpb/capital-framework/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cfpb/capital-framework/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cfpb/capital-framework/teams","hooks_url":"https://api.github.com/repos/cfpb/capital-framework/hooks","issue_events_url":"https://api.github.com/repos/cfpb/capital-framework/issues/events{/number}","events_url":"https://api.github.com/repos/cfpb/capital-framework/events","assignees_url":"https://api.github.com/repos/cfpb/capital-framework/assignees{/user}","branches_url":"https://api.github.com/repos/cfpb/capital-framework/branches{/branch}","tags_url":"https://api.github.com/repos/cfpb/capital-framework/tags","blobs_url":"https://api.github.com/repos/cfpb/capital-framework/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cfpb/capital-framework/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cfpb/capital-framework/git/refs{/sha}","trees_url":"https://api.github.com/repos/cfpb/capital-framework/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cfpb/capital-framework/statuses/{sha}","languages_url":"https://api.github.com/repos/cfpb/capital-framework/languages","stargazers_url":"https://api.github.com/repos/cfpb/capital-framework/stargazers","contributors_url":"https://api.github.com/repos/cfpb/capital-framework/contributors","subscribers_url":"https://api.github.com/repos/cfpb/capital-framework/subscribers","subscription_url":"https://api.github.com/repos/cfpb/capital-framework/subscription","commits_url":"https://api.github.com/repos/cfpb/capital-framework/commits{/sha}","git_commits_url":"https://api.github.com/repos/cfpb/capital-framework/git/commits{/sha}","comments_url":"https://api.github.com/repos/cfpb/capital-framework/comments{/number}","issue_comment_url":"https://api.github.com/repos/cfpb/capital-framework/issues/comments{/number}","contents_url":"https://api.github.com/repos/cfpb/capital-framework/contents/{+path}","compare_url":"https://api.github.com/repos/cfpb/capital-framework/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cfpb/capital-framework/merges","archive_url":"https://api.github.com/repos/cfpb/capital-framework/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cfpb/capital-framework/downloads","issues_url":"https://api.github.com/repos/cfpb/capital-framework/issues{/number}","pulls_url":"https://api.github.com/repos/cfpb/capital-framework/pulls{/number}","milestones_url":"https://api.github.com/repos/cfpb/capital-framework/milestones{/number}","notifications_url":"https://api.github.com/repos/cfpb/capital-framework/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cfpb/capital-framework/labels{/name}","releases_url":"https://api.github.com/repos/cfpb/capital-framework/releases{/id}","deployments_url":"https://api.github.com/repos/cfpb/capital-framework/deployments","created_at":"2014-03-04T14:57:06Z","updated_at":"2016-08-10T12:45:05Z","pushed_at":"2016-08-10T01:25:10Z","git_url":"git://github.com/cfpb/capital-framework.git","ssh_url":"git@github.com:cfpb/capital-framework.git","clone_url":"https://github.com/cfpb/capital-framework.git","svn_url":"https://github.com/cfpb/capital-framework","homepage":"https://cfpb.github.io/capital-framework/","size":9273,"stargazers_count":26,"watchers_count":26,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":22,"mirror_url":null,"open_issues_count":82,"forks":22,"open_issues":82,"watchers":26,"default_branch":"canary"}},"base":{"label":"cfpb:prerelease-ver-4","ref":"prerelease-ver-4","sha":"43b301537b0c71744b655660d85f73fd7aa6f38b","user":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"repo":{"id":17405777,"name":"capital-framework","full_name":"cfpb/capital-framework","owner":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cfpb/capital-framework","description":"The Consumer Financial Protection Bureau's user interface framework","fork":false,"url":"https://api.github.com/repos/cfpb/capital-framework","forks_url":"https://api.github.com/repos/cfpb/capital-framework/forks","keys_url":"https://api.github.com/repos/cfpb/capital-framework/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cfpb/capital-framework/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cfpb/capital-framework/teams","hooks_url":"https://api.github.com/repos/cfpb/capital-framework/hooks","issue_events_url":"https://api.github.com/repos/cfpb/capital-framework/issues/events{/number}","events_url":"https://api.github.com/repos/cfpb/capital-framework/events","assignees_url":"https://api.github.com/repos/cfpb/capital-framework/assignees{/user}","branches_url":"https://api.github.com/repos/cfpb/capital-framework/branches{/branch}","tags_url":"https://api.github.com/repos/cfpb/capital-framework/tags","blobs_url":"https://api.github.com/repos/cfpb/capital-framework/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cfpb/capital-framework/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cfpb/capital-framework/git/refs{/sha}","trees_url":"https://api.github.com/repos/cfpb/capital-framework/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cfpb/capital-framework/statuses/{sha}","languages_url":"https://api.github.com/repos/cfpb/capital-framework/languages","stargazers_url":"https://api.github.com/repos/cfpb/capital-framework/stargazers","contributors_url":"https://api.github.com/repos/cfpb/capital-framework/contributors","subscribers_url":"https://api.github.com/repos/cfpb/capital-framework/subscribers","subscription_url":"https://api.github.com/repos/cfpb/capital-framework/subscription","commits_url":"https://api.github.com/repos/cfpb/capital-framework/commits{/sha}","git_commits_url":"https://api.github.com/repos/cfpb/capital-framework/git/commits{/sha}","comments_url":"https://api.github.com/repos/cfpb/capital-framework/comments{/number}","issue_comment_url":"https://api.github.com/repos/cfpb/capital-framework/issues/comments{/number}","contents_url":"https://api.github.com/repos/cfpb/capital-framework/contents/{+path}","compare_url":"https://api.github.com/repos/cfpb/capital-framework/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cfpb/capital-framework/merges","archive_url":"https://api.github.com/repos/cfpb/capital-framework/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cfpb/capital-framework/downloads","issues_url":"https://api.github.com/repos/cfpb/capital-framework/issues{/number}","pulls_url":"https://api.github.com/repos/cfpb/capital-framework/pulls{/number}","milestones_url":"https://api.github.com/repos/cfpb/capital-framework/milestones{/number}","notifications_url":"https://api.github.com/repos/cfpb/capital-framework/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cfpb/capital-framework/labels{/name}","releases_url":"https://api.github.com/repos/cfpb/capital-framework/releases{/id}","deployments_url":"https://api.github.com/repos/cfpb/capital-framework/deployments","created_at":"2014-03-04T14:57:06Z","updated_at":"2016-08-10T12:45:05Z","pushed_at":"2016-08-10T01:25:10Z","git_url":"git://github.com/cfpb/capital-framework.git","ssh_url":"git@github.com:cfpb/capital-framework.git","clone_url":"https://github.com/cfpb/capital-framework.git","svn_url":"https://github.com/cfpb/capital-framework","homepage":"https://cfpb.github.io/capital-framework/","size":9273,"stargazers_count":26,"watchers_count":26,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":false,"has_pages":true,"forks_count":22,"mirror_url":null,"open_issues_count":82,"forks":22,"open_issues":82,"watchers":26,"default_branch":"canary"}},"_links":{"self":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/372"},"html":{"href":"https://github.com/cfpb/capital-framework/pull/372"},"issue":{"href":"https://api.github.com/repos/cfpb/capital-framework/issues/372"},"comments":{"href":"https://api.github.com/repos/cfpb/capital-framework/issues/372/comments"},"review_comments":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/372/comments"},"review_comment":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/cfpb/capital-framework/pulls/372/commits"},"statuses":{"href":"https://api.github.com/repos/cfpb/capital-framework/statuses/e01368795ebbfdea264794aedf47123924edfee7"}}}}
{"actor":{"display_login":"jimmynotjim"}}