{"action":"reopened","issue":{"url":"https://api.github.com/repos/transomdesign/TransomGrid/issues/1","labels_url":"https://api.github.com/repos/transomdesign/TransomGrid/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/transomdesign/TransomGrid/issues/1/comments","events_url":"https://api.github.com/repos/transomdesign/TransomGrid/issues/1/events","html_url":"https://github.com/transomdesign/TransomGrid/issues/1","id":75323243,"number":1,"title":"Add visibility classes to grid ","user":{"login":"joshuapease","id":2145998,"avatar_url":"https://avatars.githubusercontent.com/u/2145998?v=3","gravatar_id":"","url":"https://api.github.com/users/joshuapease","html_url":"https://github.com/joshuapease","followers_url":"https://api.github.com/users/joshuapease/followers","following_url":"https://api.github.com/users/joshuapease/following{/other_user}","gists_url":"https://api.github.com/users/joshuapease/gists{/gist_id}","starred_url":"https://api.github.com/users/joshuapease/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/joshuapease/subscriptions","organizations_url":"https://api.github.com/users/joshuapease/orgs","repos_url":"https://api.github.com/users/joshuapease/repos","events_url":"https://api.github.com/users/joshuapease/events{/privacy}","received_events_url":"https://api.github.com/users/joshuapease/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/transomdesign/TransomGrid/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-05-11T18:58:11Z","updated_at":"2015-05-11T19:14:28Z","closed_at":null,"body":"```\r\n//\r\n// Visibility Classes\r\n// We only want to apply display:none!important\r\n// If we explicetly set display: block this can\r\n// mess up our layout.\r\n//\r\n\r\n@mixin hide() {\r\n  display: none !important;\r\n}\r\n\r\n@media #{$small-only}{\r\n  .hide-for-small-only { @include hide; }\r\n  .show-for-medium-only { @include hide; }\r\n  .show-for-large-only { @include hide; }\r\n  .show-for-xlarge-only { @include hide; }\r\n} // $small-only\r\n\r\n@media #{$small-up}{\r\n  .hide-for-small-up { @include hide; }\r\n} // $small-up\r\n\r\n@media #{$medium-only}{\r\n  .hide-for-medium-only { @include hide; }\r\n  .show-for-large-only { @include hide; }\r\n  .show-for-xlarge-only { @include hide; }\r\n} // $medium-only\r\n\r\n@media #{$medium-up}{\r\n  .hide-for-medium-up { @include hide; }\r\n  .show-for-small-only { @include hide; }\r\n} // $medium-up\r\n\r\n@media #{$large-only}{\r\n  .hide-for-large-only { @include hide; }\r\n  .show-for-xlarge-only { @include hide; }\r\n} // $large-only\r\n\r\n@media #{$large-up}{\r\n  .hide-for-large-up { @include hide; }\r\n  .show-for-medium-only { @include hide; }\r\n} // $large-up\r\n\r\n@media #{$xlarge-only}{\r\n  .hide-for-xlarge-only { @include hide; }\r\n} // $xlarge-only\r\n\r\n@media #{$xlarge-up}{\r\n  .hide-for-xlarge-up { @include hide; }\r\n  .show-for-large-only { @include hide; }\r\n}\r\n```"}}