{"action":"created","comment":{"url":"https://api.github.com/repos/mobify/stencil-select/pulls/comments/31351390","id":31351390,"diff_hunk":"@@ -0,0 +1,127 @@\n+// Select\n+// ===\n+\n+\n+// Configurable Variables\n+// ---\n+\n+// Whether to draw the default down-arrow icon.\n+$select__draw-caret: true !default;\n+\n+\n+// Dependencies\n+// ---\n+\n+@import 'stencil-variables/variables';\n+@import 'spline/dist/utilities/triangle';\n+@import 'level/level';\n+\n+\n+// Root\n+// ---\n+\n+.c-select {\n+    position: relative; // Allow positioning of select element and caret\n+\n+    display: block;\n+    box-sizing: border-box;\n+    max-width: 100%;\n+    min-height: $tap-size;\n+    border: 1px solid $border-color;\n+\n+    border-radius: $border-radius;\n+\n+    font-family: inherit;\n+\n+    user-select: none;\n+\n+\n+    // Caret\n+    // ---\n+\n+    @if ($select__draw-caret) {\n+        &::after {\n+            @include triangle(\n+                $type: 'triangle',\n+                $direction: 'down',\n+                $size: 7px,\n+                $color: $border-color\n+            );\n+\n+            content: '';\n+\n+            position: absolute;\n+            top: 0;\n+            right: $horizontal-input-padding;\n+            bottom: 0;\n+\n+            margin: auto; // Vertically center the caret\n+        }\n+    }\n+\n+    // Select element\n+    // ---\n+\n+    select {\n+        position: absolute;\n+        top: 0;\n+        left: 0;\n+\n+        width: 100%;\n+        height: 100%;\n+        padding-right: $horizontal-input-padding;\n+        padding-left: $horizontal-input-padding;\n+        border: 0;\n+\n+        background: none;\n+\n+        -webkit-appearance: none;\n+    }\n+}\n+\n+// Select with Inner Label\n+// ---\n+\n+.c-select.c--inner-label {\n+    display: flex;\n+    align-items: center; // vertically align inner label and value","path":"select.scss","position":87,"original_position":87,"commit_id":"02c5e18e6c6bd1555e3655f02bf52882147fd15a","original_commit_id":"9eefea28473e3f599dabc0cc2f65ad09828f4773","user":{"login":"jeffkamo","id":734535,"avatar_url":"https://avatars.githubusercontent.com/u/734535?v=3","gravatar_id":"","url":"https://api.github.com/users/jeffkamo","html_url":"https://github.com/jeffkamo","followers_url":"https://api.github.com/users/jeffkamo/followers","following_url":"https://api.github.com/users/jeffkamo/following{/other_user}","gists_url":"https://api.github.com/users/jeffkamo/gists{/gist_id}","starred_url":"https://api.github.com/users/jeffkamo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeffkamo/subscriptions","organizations_url":"https://api.github.com/users/jeffkamo/orgs","repos_url":"https://api.github.com/users/jeffkamo/repos","events_url":"https://api.github.com/users/jeffkamo/events{/privacy}","received_events_url":"https://api.github.com/users/jeffkamo/received_events","type":"User","site_admin":false},"body":"Do we want to be consistent with our comment style? In which case, comments should follow the format...\r\n\r\n```scss\r\n// Select with Inner Label\r\n// ---\r\n//\r\n// 1. vertically align inner label and value\r\n\r\n.c-select.c--inner-label {\r\n    align-items: center; // 1\r\n}\r\n```\r\n\r\nand etc.","created_at":"2015-05-29T18:28:32Z","updated_at":"2015-05-29T18:28:32Z","html_url":"https://github.com/mobify/stencil-select/pull/4#discussion_r31351390","pull_request_url":"https://api.github.com/repos/mobify/stencil-select/pulls/4","_links":{"self":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/comments/31351390"},"html":{"href":"https://github.com/mobify/stencil-select/pull/4#discussion_r31351390"},"pull_request":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/4"}}},"pull_request":{"url":"https://api.github.com/repos/mobify/stencil-select/pulls/4","id":36530481,"html_url":"https://github.com/mobify/stencil-select/pull/4","diff_url":"https://github.com/mobify/stencil-select/pull/4.diff","patch_url":"https://github.com/mobify/stencil-select/pull/4.patch","issue_url":"https://api.github.com/repos/mobify/stencil-select/issues/4","number":4,"state":"open","locked":false,"title":"Update for Stencil & Adaptivejs 2.0","user":{"login":"jeffkamo","id":734535,"avatar_url":"https://avatars.githubusercontent.com/u/734535?v=3","gravatar_id":"","url":"https://api.github.com/users/jeffkamo","html_url":"https://github.com/jeffkamo","followers_url":"https://api.github.com/users/jeffkamo/followers","following_url":"https://api.github.com/users/jeffkamo/following{/other_user}","gists_url":"https://api.github.com/users/jeffkamo/gists{/gist_id}","starred_url":"https://api.github.com/users/jeffkamo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeffkamo/subscriptions","organizations_url":"https://api.github.com/users/jeffkamo/orgs","repos_url":"https://api.github.com/users/jeffkamo/repos","events_url":"https://api.github.com/users/jeffkamo/events{/privacy}","received_events_url":"https://api.github.com/users/jeffkamo/received_events","type":"User","site_admin":false},"body":"Status: **WIP**\r\nOwner: @ry5n \r\nReviewers: @jeffkamo @fractaltheory\r\n\r\n## Changes\r\n- This is a continuation of the changes that were started in #3\r\n\r\n## Jira Tickets:\r\n- [ ] [CSOPS-1257](https://mobify.atlassian.net/browse/CSOPS-1257)\r\n\r\n## Todos:\r\n- [ ] ~~+1~~ (not yet...)\r\n- [ ] ~~+1~~ (not yet...)\r\n\r\n### Feedback:\r\n_none so far_\r\n\r\n## How to Test\r\n- Clone the repo\r\n- Run `npm install` and `bower install`\r\n- Run `grunt serve`\r\n- Visit `http://localhost:3000/tests/visual/`","created_at":"2015-05-29T18:07:35Z","updated_at":"2015-05-29T18:28:32Z","closed_at":null,"merged_at":null,"merge_commit_sha":"73185c658db3f67df704c4fa06547dff445dd4c5","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/mobify/stencil-select/pulls/4/commits","review_comments_url":"https://api.github.com/repos/mobify/stencil-select/pulls/4/comments","review_comment_url":"https://api.github.com/repos/mobify/stencil-select/pulls/comments{/number}","comments_url":"https://api.github.com/repos/mobify/stencil-select/issues/4/comments","statuses_url":"https://api.github.com/repos/mobify/stencil-select/statuses/02c5e18e6c6bd1555e3655f02bf52882147fd15a","head":{"label":"mobify:dev","ref":"dev","sha":"02c5e18e6c6bd1555e3655f02bf52882147fd15a","user":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"repo":{"id":31379679,"name":"stencil-select","full_name":"mobify/stencil-select","owner":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mobify/stencil-select","description":"Stencil's basic select component","fork":false,"url":"https://api.github.com/repos/mobify/stencil-select","forks_url":"https://api.github.com/repos/mobify/stencil-select/forks","keys_url":"https://api.github.com/repos/mobify/stencil-select/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mobify/stencil-select/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mobify/stencil-select/teams","hooks_url":"https://api.github.com/repos/mobify/stencil-select/hooks","issue_events_url":"https://api.github.com/repos/mobify/stencil-select/issues/events{/number}","events_url":"https://api.github.com/repos/mobify/stencil-select/events","assignees_url":"https://api.github.com/repos/mobify/stencil-select/assignees{/user}","branches_url":"https://api.github.com/repos/mobify/stencil-select/branches{/branch}","tags_url":"https://api.github.com/repos/mobify/stencil-select/tags","blobs_url":"https://api.github.com/repos/mobify/stencil-select/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mobify/stencil-select/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mobify/stencil-select/git/refs{/sha}","trees_url":"https://api.github.com/repos/mobify/stencil-select/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mobify/stencil-select/statuses/{sha}","languages_url":"https://api.github.com/repos/mobify/stencil-select/languages","stargazers_url":"https://api.github.com/repos/mobify/stencil-select/stargazers","contributors_url":"https://api.github.com/repos/mobify/stencil-select/contributors","subscribers_url":"https://api.github.com/repos/mobify/stencil-select/subscribers","subscription_url":"https://api.github.com/repos/mobify/stencil-select/subscription","commits_url":"https://api.github.com/repos/mobify/stencil-select/commits{/sha}","git_commits_url":"https://api.github.com/repos/mobify/stencil-select/git/commits{/sha}","comments_url":"https://api.github.com/repos/mobify/stencil-select/comments{/number}","issue_comment_url":"https://api.github.com/repos/mobify/stencil-select/issues/comments{/number}","contents_url":"https://api.github.com/repos/mobify/stencil-select/contents/{+path}","compare_url":"https://api.github.com/repos/mobify/stencil-select/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mobify/stencil-select/merges","archive_url":"https://api.github.com/repos/mobify/stencil-select/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mobify/stencil-select/downloads","issues_url":"https://api.github.com/repos/mobify/stencil-select/issues{/number}","pulls_url":"https://api.github.com/repos/mobify/stencil-select/pulls{/number}","milestones_url":"https://api.github.com/repos/mobify/stencil-select/milestones{/number}","notifications_url":"https://api.github.com/repos/mobify/stencil-select/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mobify/stencil-select/labels{/name}","releases_url":"https://api.github.com/repos/mobify/stencil-select/releases{/id}","created_at":"2015-02-26T17:37:24Z","updated_at":"2015-03-26T22:17:22Z","pushed_at":"2015-05-29T18:19:48Z","git_url":"git://github.com/mobify/stencil-select.git","ssh_url":"git@github.com:mobify/stencil-select.git","clone_url":"https://github.com/mobify/stencil-select.git","svn_url":"https://github.com/mobify/stencil-select","homepage":"","size":360,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":2,"forks":0,"open_issues":2,"watchers":0,"default_branch":"master"}},"base":{"label":"mobify:master","ref":"master","sha":"7cbbdaa73d1b9f93ea8f3941fdaee1640e430f43","user":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"repo":{"id":31379679,"name":"stencil-select","full_name":"mobify/stencil-select","owner":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mobify/stencil-select","description":"Stencil's basic select component","fork":false,"url":"https://api.github.com/repos/mobify/stencil-select","forks_url":"https://api.github.com/repos/mobify/stencil-select/forks","keys_url":"https://api.github.com/repos/mobify/stencil-select/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mobify/stencil-select/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mobify/stencil-select/teams","hooks_url":"https://api.github.com/repos/mobify/stencil-select/hooks","issue_events_url":"https://api.github.com/repos/mobify/stencil-select/issues/events{/number}","events_url":"https://api.github.com/repos/mobify/stencil-select/events","assignees_url":"https://api.github.com/repos/mobify/stencil-select/assignees{/user}","branches_url":"https://api.github.com/repos/mobify/stencil-select/branches{/branch}","tags_url":"https://api.github.com/repos/mobify/stencil-select/tags","blobs_url":"https://api.github.com/repos/mobify/stencil-select/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mobify/stencil-select/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mobify/stencil-select/git/refs{/sha}","trees_url":"https://api.github.com/repos/mobify/stencil-select/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mobify/stencil-select/statuses/{sha}","languages_url":"https://api.github.com/repos/mobify/stencil-select/languages","stargazers_url":"https://api.github.com/repos/mobify/stencil-select/stargazers","contributors_url":"https://api.github.com/repos/mobify/stencil-select/contributors","subscribers_url":"https://api.github.com/repos/mobify/stencil-select/subscribers","subscription_url":"https://api.github.com/repos/mobify/stencil-select/subscription","commits_url":"https://api.github.com/repos/mobify/stencil-select/commits{/sha}","git_commits_url":"https://api.github.com/repos/mobify/stencil-select/git/commits{/sha}","comments_url":"https://api.github.com/repos/mobify/stencil-select/comments{/number}","issue_comment_url":"https://api.github.com/repos/mobify/stencil-select/issues/comments{/number}","contents_url":"https://api.github.com/repos/mobify/stencil-select/contents/{+path}","compare_url":"https://api.github.com/repos/mobify/stencil-select/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mobify/stencil-select/merges","archive_url":"https://api.github.com/repos/mobify/stencil-select/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mobify/stencil-select/downloads","issues_url":"https://api.github.com/repos/mobify/stencil-select/issues{/number}","pulls_url":"https://api.github.com/repos/mobify/stencil-select/pulls{/number}","milestones_url":"https://api.github.com/repos/mobify/stencil-select/milestones{/number}","notifications_url":"https://api.github.com/repos/mobify/stencil-select/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mobify/stencil-select/labels{/name}","releases_url":"https://api.github.com/repos/mobify/stencil-select/releases{/id}","created_at":"2015-02-26T17:37:24Z","updated_at":"2015-03-26T22:17:22Z","pushed_at":"2015-05-29T18:19:48Z","git_url":"git://github.com/mobify/stencil-select.git","ssh_url":"git@github.com:mobify/stencil-select.git","clone_url":"https://github.com/mobify/stencil-select.git","svn_url":"https://github.com/mobify/stencil-select","homepage":"","size":360,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":2,"forks":0,"open_issues":2,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/4"},"html":{"href":"https://github.com/mobify/stencil-select/pull/4"},"issue":{"href":"https://api.github.com/repos/mobify/stencil-select/issues/4"},"comments":{"href":"https://api.github.com/repos/mobify/stencil-select/issues/4/comments"},"review_comments":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/4/comments"},"review_comment":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/mobify/stencil-select/pulls/4/commits"},"statuses":{"href":"https://api.github.com/repos/mobify/stencil-select/statuses/02c5e18e6c6bd1555e3655f02bf52882147fd15a"}}}}