{"action":"created","comment":{"url":"https://api.github.com/repos/thoughtbot/neat/pulls/comments/71371847","id":71371847,"diff_hunk":"@@ -0,0 +1,16 @@\n+$medium-screen: 1000px;\n+$medium: \"only screen and (min-width:#{$medium-screen})\";","path":"contrib/patterns/_grid-media.scss","position":null,"original_position":2,"commit_id":"2f18166903fef0096296204bbd0ddfb8f4e716fe","original_commit_id":"1ee13513e2bce346204f7faeb0217f7bf08dcf4b","user":{"login":"whmii","id":2489247,"avatar_url":"https://avatars.githubusercontent.com/u/2489247?v=3","gravatar_id":"","url":"https://api.github.com/users/whmii","html_url":"https://github.com/whmii","followers_url":"https://api.github.com/users/whmii/followers","following_url":"https://api.github.com/users/whmii/following{/other_user}","gists_url":"https://api.github.com/users/whmii/gists{/gist_id}","starred_url":"https://api.github.com/users/whmii/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/whmii/subscriptions","organizations_url":"https://api.github.com/users/whmii/orgs","repos_url":"https://api.github.com/users/whmii/repos","events_url":"https://api.github.com/users/whmii/events{/privacy}","received_events_url":"https://api.github.com/users/whmii/received_events","type":"User","site_admin":false},"body":"I have updated the PR with this function. It actually ended up being pretty trivial.","created_at":"2016-07-19T16:16:47Z","updated_at":"2016-07-19T16:16:47Z","html_url":"https://github.com/thoughtbot/neat/pull/478#discussion_r71371847","pull_request_url":"https://api.github.com/repos/thoughtbot/neat/pulls/478","_links":{"self":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/comments/71371847"},"html":{"href":"https://github.com/thoughtbot/neat/pull/478#discussion_r71371847"},"pull_request":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/478"}}},"pull_request":{"url":"https://api.github.com/repos/thoughtbot/neat/pulls/478","id":77727264,"html_url":"https://github.com/thoughtbot/neat/pull/478","diff_url":"https://github.com/thoughtbot/neat/pull/478.diff","patch_url":"https://github.com/thoughtbot/neat/pull/478.patch","issue_url":"https://api.github.com/repos/thoughtbot/neat/issues/478","number":478,"state":"open","locked":false,"title":"Add grid-media mixin to allow the creation of media queries","user":{"login":"whmii","id":2489247,"avatar_url":"https://avatars.githubusercontent.com/u/2489247?v=3","gravatar_id":"","url":"https://api.github.com/users/whmii","html_url":"https://github.com/whmii","followers_url":"https://api.github.com/users/whmii/followers","following_url":"https://api.github.com/users/whmii/following{/other_user}","gists_url":"https://api.github.com/users/whmii/gists{/gist_id}","starred_url":"https://api.github.com/users/whmii/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/whmii/subscriptions","organizations_url":"https://api.github.com/users/whmii/orgs","repos_url":"https://api.github.com/users/whmii/repos","events_url":"https://api.github.com/users/whmii/events{/privacy}","received_events_url":"https://api.github.com/users/whmii/received_events","type":"User","site_admin":false},"body":"So this kind of blew my mind that it works as well as it does. The `grid-media` mixin allows a user to put create a mediaquery and pass in a string with the scope of the mq.\r\n\r\nAs with ~~most~~ all of the mixins in the library, this mixin also acceps a grid map as it's second value. this means that you can either pass a new grid in directly, or more likely, you can define multiple grids within your variables file and then pass them directly in to the mixin's second peramiter. The condrib scss shows this nicely:\r\n\r\n```scss\r\n$medium-screen: 1000px;\r\n$medium: \"only screen and (min-width:#{$medium-screen})\";\r\n\r\n$neat-grid: (\r\n  columns: 12,\r\n  gutter: 20px\r\n);\r\n\r\n\r\n$custom-neat-grid: (\r\n  columns: 12,\r\n  gutter: 50px,\r\n);\r\n\r\n.grid-column--media-3-to-6 {\r\n  @include grid-column(3);\r\n\r\n  @include grid-media($medium, $custom-neat-grid){\r\n    @include grid-column(6);\r\n  }\r\n}\r\n```\r\n\r\nThe `grid-column` outside of the mq will inherit the `$neat-grid`, however the `grid-column` inside the mq will have the properties of `$custom-neat-grid`. This is shown in the gif below.\r\n\r\n![moo](https://cloud.githubusercontent.com/assets/2489247/16898946/9b4b334e-4bbe-11e6-8c12-80883de9f454.gif)\r\n\r\nAss the screen size increases, you are able to see the columns gutter change from 20px, to 50. So fuckin cool.","created_at":"2016-07-17T05:34:34Z","updated_at":"2016-07-19T16:16:47Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f5427ac8f2ada401fb0aefa313cba36e39d66a2f","assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/thoughtbot/neat/milestones/1","html_url":"https://github.com/thoughtbot/neat/milestones/2.0","labels_url":"https://api.github.com/repos/thoughtbot/neat/milestones/1/labels","id":486017,"number":1,"title":"2.0","description":null,"creator":{"login":"kaishin","id":519433,"avatar_url":"https://avatars.githubusercontent.com/u/519433?v=3","gravatar_id":"","url":"https://api.github.com/users/kaishin","html_url":"https://github.com/kaishin","followers_url":"https://api.github.com/users/kaishin/followers","following_url":"https://api.github.com/users/kaishin/following{/other_user}","gists_url":"https://api.github.com/users/kaishin/gists{/gist_id}","starred_url":"https://api.github.com/users/kaishin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kaishin/subscriptions","organizations_url":"https://api.github.com/users/kaishin/orgs","repos_url":"https://api.github.com/users/kaishin/repos","events_url":"https://api.github.com/users/kaishin/events{/privacy}","received_events_url":"https://api.github.com/users/kaishin/received_events","type":"User","site_admin":false},"open_issues":4,"closed_issues":20,"state":"open","created_at":"2013-11-15T13:59:43Z","updated_at":"2016-07-17T20:06:15Z","due_on":null,"closed_at":null},"commits_url":"https://api.github.com/repos/thoughtbot/neat/pulls/478/commits","review_comments_url":"https://api.github.com/repos/thoughtbot/neat/pulls/478/comments","review_comment_url":"https://api.github.com/repos/thoughtbot/neat/pulls/comments{/number}","comments_url":"https://api.github.com/repos/thoughtbot/neat/issues/478/comments","statuses_url":"https://api.github.com/repos/thoughtbot/neat/statuses/2f18166903fef0096296204bbd0ddfb8f4e716fe","head":{"label":"thoughtbot:neat-2.0.0-media-queries","ref":"neat-2.0.0-media-queries","sha":"2f18166903fef0096296204bbd0ddfb8f4e716fe","user":{"login":"thoughtbot","id":6183,"avatar_url":"https://avatars.githubusercontent.com/u/6183?v=3","gravatar_id":"","url":"https://api.github.com/users/thoughtbot","html_url":"https://github.com/thoughtbot","followers_url":"https://api.github.com/users/thoughtbot/followers","following_url":"https://api.github.com/users/thoughtbot/following{/other_user}","gists_url":"https://api.github.com/users/thoughtbot/gists{/gist_id}","starred_url":"https://api.github.com/users/thoughtbot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thoughtbot/subscriptions","organizations_url":"https://api.github.com/users/thoughtbot/orgs","repos_url":"https://api.github.com/users/thoughtbot/repos","events_url":"https://api.github.com/users/thoughtbot/events{/privacy}","received_events_url":"https://api.github.com/users/thoughtbot/received_events","type":"Organization","site_admin":false},"repo":{"id":5275559,"name":"neat","full_name":"thoughtbot/neat","owner":{"login":"thoughtbot","id":6183,"avatar_url":"https://avatars.githubusercontent.com/u/6183?v=3","gravatar_id":"","url":"https://api.github.com/users/thoughtbot","html_url":"https://github.com/thoughtbot","followers_url":"https://api.github.com/users/thoughtbot/followers","following_url":"https://api.github.com/users/thoughtbot/following{/other_user}","gists_url":"https://api.github.com/users/thoughtbot/gists{/gist_id}","starred_url":"https://api.github.com/users/thoughtbot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thoughtbot/subscriptions","organizations_url":"https://api.github.com/users/thoughtbot/orgs","repos_url":"https://api.github.com/users/thoughtbot/repos","events_url":"https://api.github.com/users/thoughtbot/events{/privacy}","received_events_url":"https://api.github.com/users/thoughtbot/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/thoughtbot/neat","description":"A lightweight, semantic grid framework built with Bourbon","fork":false,"url":"https://api.github.com/repos/thoughtbot/neat","forks_url":"https://api.github.com/repos/thoughtbot/neat/forks","keys_url":"https://api.github.com/repos/thoughtbot/neat/keys{/key_id}","collaborators_url":"https://api.github.com/repos/thoughtbot/neat/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/thoughtbot/neat/teams","hooks_url":"https://api.github.com/repos/thoughtbot/neat/hooks","issue_events_url":"https://api.github.com/repos/thoughtbot/neat/issues/events{/number}","events_url":"https://api.github.com/repos/thoughtbot/neat/events","assignees_url":"https://api.github.com/repos/thoughtbot/neat/assignees{/user}","branches_url":"https://api.github.com/repos/thoughtbot/neat/branches{/branch}","tags_url":"https://api.github.com/repos/thoughtbot/neat/tags","blobs_url":"https://api.github.com/repos/thoughtbot/neat/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/thoughtbot/neat/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/thoughtbot/neat/git/refs{/sha}","trees_url":"https://api.github.com/repos/thoughtbot/neat/git/trees{/sha}","statuses_url":"https://api.github.com/repos/thoughtbot/neat/statuses/{sha}","languages_url":"https://api.github.com/repos/thoughtbot/neat/languages","stargazers_url":"https://api.github.com/repos/thoughtbot/neat/stargazers","contributors_url":"https://api.github.com/repos/thoughtbot/neat/contributors","subscribers_url":"https://api.github.com/repos/thoughtbot/neat/subscribers","subscription_url":"https://api.github.com/repos/thoughtbot/neat/subscription","commits_url":"https://api.github.com/repos/thoughtbot/neat/commits{/sha}","git_commits_url":"https://api.github.com/repos/thoughtbot/neat/git/commits{/sha}","comments_url":"https://api.github.com/repos/thoughtbot/neat/comments{/number}","issue_comment_url":"https://api.github.com/repos/thoughtbot/neat/issues/comments{/number}","contents_url":"https://api.github.com/repos/thoughtbot/neat/contents/{+path}","compare_url":"https://api.github.com/repos/thoughtbot/neat/compare/{base}...{head}","merges_url":"https://api.github.com/repos/thoughtbot/neat/merges","archive_url":"https://api.github.com/repos/thoughtbot/neat/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/thoughtbot/neat/downloads","issues_url":"https://api.github.com/repos/thoughtbot/neat/issues{/number}","pulls_url":"https://api.github.com/repos/thoughtbot/neat/pulls{/number}","milestones_url":"https://api.github.com/repos/thoughtbot/neat/milestones{/number}","notifications_url":"https://api.github.com/repos/thoughtbot/neat/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/thoughtbot/neat/labels{/name}","releases_url":"https://api.github.com/repos/thoughtbot/neat/releases{/id}","deployments_url":"https://api.github.com/repos/thoughtbot/neat/deployments","created_at":"2012-08-02T17:28:38Z","updated_at":"2016-07-19T05:31:58Z","pushed_at":"2016-07-19T16:06:03Z","git_url":"git://github.com/thoughtbot/neat.git","ssh_url":"git@github.com:thoughtbot/neat.git","clone_url":"https://github.com/thoughtbot/neat.git","svn_url":"https://github.com/thoughtbot/neat","homepage":"http://neat.bourbon.io","size":2107,"stargazers_count":3705,"watchers_count":3705,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":390,"mirror_url":null,"open_issues_count":20,"forks":390,"open_issues":20,"watchers":3705,"default_branch":"master"}},"base":{"label":"thoughtbot:neat-2.0.0","ref":"neat-2.0.0","sha":"17edc8eac6fc73a96e9e16900de58ae376ebb5c3","user":{"login":"thoughtbot","id":6183,"avatar_url":"https://avatars.githubusercontent.com/u/6183?v=3","gravatar_id":"","url":"https://api.github.com/users/thoughtbot","html_url":"https://github.com/thoughtbot","followers_url":"https://api.github.com/users/thoughtbot/followers","following_url":"https://api.github.com/users/thoughtbot/following{/other_user}","gists_url":"https://api.github.com/users/thoughtbot/gists{/gist_id}","starred_url":"https://api.github.com/users/thoughtbot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thoughtbot/subscriptions","organizations_url":"https://api.github.com/users/thoughtbot/orgs","repos_url":"https://api.github.com/users/thoughtbot/repos","events_url":"https://api.github.com/users/thoughtbot/events{/privacy}","received_events_url":"https://api.github.com/users/thoughtbot/received_events","type":"Organization","site_admin":false},"repo":{"id":5275559,"name":"neat","full_name":"thoughtbot/neat","owner":{"login":"thoughtbot","id":6183,"avatar_url":"https://avatars.githubusercontent.com/u/6183?v=3","gravatar_id":"","url":"https://api.github.com/users/thoughtbot","html_url":"https://github.com/thoughtbot","followers_url":"https://api.github.com/users/thoughtbot/followers","following_url":"https://api.github.com/users/thoughtbot/following{/other_user}","gists_url":"https://api.github.com/users/thoughtbot/gists{/gist_id}","starred_url":"https://api.github.com/users/thoughtbot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thoughtbot/subscriptions","organizations_url":"https://api.github.com/users/thoughtbot/orgs","repos_url":"https://api.github.com/users/thoughtbot/repos","events_url":"https://api.github.com/users/thoughtbot/events{/privacy}","received_events_url":"https://api.github.com/users/thoughtbot/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/thoughtbot/neat","description":"A lightweight, semantic grid framework built with Bourbon","fork":false,"url":"https://api.github.com/repos/thoughtbot/neat","forks_url":"https://api.github.com/repos/thoughtbot/neat/forks","keys_url":"https://api.github.com/repos/thoughtbot/neat/keys{/key_id}","collaborators_url":"https://api.github.com/repos/thoughtbot/neat/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/thoughtbot/neat/teams","hooks_url":"https://api.github.com/repos/thoughtbot/neat/hooks","issue_events_url":"https://api.github.com/repos/thoughtbot/neat/issues/events{/number}","events_url":"https://api.github.com/repos/thoughtbot/neat/events","assignees_url":"https://api.github.com/repos/thoughtbot/neat/assignees{/user}","branches_url":"https://api.github.com/repos/thoughtbot/neat/branches{/branch}","tags_url":"https://api.github.com/repos/thoughtbot/neat/tags","blobs_url":"https://api.github.com/repos/thoughtbot/neat/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/thoughtbot/neat/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/thoughtbot/neat/git/refs{/sha}","trees_url":"https://api.github.com/repos/thoughtbot/neat/git/trees{/sha}","statuses_url":"https://api.github.com/repos/thoughtbot/neat/statuses/{sha}","languages_url":"https://api.github.com/repos/thoughtbot/neat/languages","stargazers_url":"https://api.github.com/repos/thoughtbot/neat/stargazers","contributors_url":"https://api.github.com/repos/thoughtbot/neat/contributors","subscribers_url":"https://api.github.com/repos/thoughtbot/neat/subscribers","subscription_url":"https://api.github.com/repos/thoughtbot/neat/subscription","commits_url":"https://api.github.com/repos/thoughtbot/neat/commits{/sha}","git_commits_url":"https://api.github.com/repos/thoughtbot/neat/git/commits{/sha}","comments_url":"https://api.github.com/repos/thoughtbot/neat/comments{/number}","issue_comment_url":"https://api.github.com/repos/thoughtbot/neat/issues/comments{/number}","contents_url":"https://api.github.com/repos/thoughtbot/neat/contents/{+path}","compare_url":"https://api.github.com/repos/thoughtbot/neat/compare/{base}...{head}","merges_url":"https://api.github.com/repos/thoughtbot/neat/merges","archive_url":"https://api.github.com/repos/thoughtbot/neat/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/thoughtbot/neat/downloads","issues_url":"https://api.github.com/repos/thoughtbot/neat/issues{/number}","pulls_url":"https://api.github.com/repos/thoughtbot/neat/pulls{/number}","milestones_url":"https://api.github.com/repos/thoughtbot/neat/milestones{/number}","notifications_url":"https://api.github.com/repos/thoughtbot/neat/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/thoughtbot/neat/labels{/name}","releases_url":"https://api.github.com/repos/thoughtbot/neat/releases{/id}","deployments_url":"https://api.github.com/repos/thoughtbot/neat/deployments","created_at":"2012-08-02T17:28:38Z","updated_at":"2016-07-19T05:31:58Z","pushed_at":"2016-07-19T16:06:03Z","git_url":"git://github.com/thoughtbot/neat.git","ssh_url":"git@github.com:thoughtbot/neat.git","clone_url":"https://github.com/thoughtbot/neat.git","svn_url":"https://github.com/thoughtbot/neat","homepage":"http://neat.bourbon.io","size":2107,"stargazers_count":3705,"watchers_count":3705,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":390,"mirror_url":null,"open_issues_count":20,"forks":390,"open_issues":20,"watchers":3705,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/478"},"html":{"href":"https://github.com/thoughtbot/neat/pull/478"},"issue":{"href":"https://api.github.com/repos/thoughtbot/neat/issues/478"},"comments":{"href":"https://api.github.com/repos/thoughtbot/neat/issues/478/comments"},"review_comments":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/478/comments"},"review_comment":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/thoughtbot/neat/pulls/478/commits"},"statuses":{"href":"https://api.github.com/repos/thoughtbot/neat/statuses/2f18166903fef0096296204bbd0ddfb8f4e716fe"}}}}
{"actor":{"display_login":"whmii"}}