{"action":"created","issue":{"url":"https://api.github.com/repos/ericam/susy/issues/490","labels_url":"https://api.github.com/repos/ericam/susy/issues/490/labels{/name}","comments_url":"https://api.github.com/repos/ericam/susy/issues/490/comments","events_url":"https://api.github.com/repos/ericam/susy/issues/490/events","html_url":"https://github.com/ericam/susy/issues/490","id":85685478,"number":490,"title":"Add a grid flag inside of $susy - here's a temporary fix","user":{"login":"isarmstrong","id":1513378,"avatar_url":"https://avatars.githubusercontent.com/u/1513378?v=3","gravatar_id":"","url":"https://api.github.com/users/isarmstrong","html_url":"https://github.com/isarmstrong","followers_url":"https://api.github.com/users/isarmstrong/followers","following_url":"https://api.github.com/users/isarmstrong/following{/other_user}","gists_url":"https://api.github.com/users/isarmstrong/gists{/gist_id}","starred_url":"https://api.github.com/users/isarmstrong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/isarmstrong/subscriptions","organizations_url":"https://api.github.com/users/isarmstrong/orgs","repos_url":"https://api.github.com/users/isarmstrong/repos","events_url":"https://api.github.com/users/isarmstrong/events{/privacy}","received_events_url":"https://api.github.com/users/isarmstrong/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-06T03:06:09Z","updated_at":"2015-06-08T18:01:36Z","closed_at":"2015-06-08T18:01:36Z","body":"When I'm designing, I often want to flag all of my grids on and off at the same time. It seems like there should be a quick option (grids: on | color: $color | rotatecolors: true) in the $susy variable.\r\n\r\nFor the time being, I accomplished it like this, where the $grids variable flags all of the displays.\r\n\r\n```css\r\n// SUSY Grid Setup\r\n$grids: 'off';\r\n$susy: (\r\n  columns: 4,\r\n  gutters: 1/16,\r\n  math: fluid,\r\n  output: float,\r\n  gutter-position: split\r\n);\r\n$show: null;\r\n@if $grids == 'on' { $show: 'show'; }\r\n```\r\n\r\nAnd then in the actual definitions below:\r\n\r\n```css\r\n.magic {\r\n\toverflow: hidden;\r\n\tpadding: 4rem 0;\r\n\th1,h2 {\r\n\t\tfont-family: $simplifica;\r\n\t\tfont-size: 2.5rem;\r\n\t\tline-height: 3.2rem;\r\n\t\tcolor: $graphite-dark;\r\n\t}\r\n\t.main-content {\r\n\t\t@include span(4 of 4);\r\n\t\t@include breakpoint($tab) {\r\n\t\t\t@include span(6 of 6);\r\n\t\t}\r\n\t\t@include breakpoint($desk) {\r\n\t\t\t@include span(8 of 12);\r\n\t\t}\r\n\t\t@include breakpoint($hd) {\r\n\t\t\t@include span(10 of 15);\r\n\t\t}\r\n\t}\r\n\tp {\r\n\t\tcolor: $graphite-dark;\r\n\t\ttext-align: justify;\r\n\t}\r\n\t@include container($show);\r\n\t@include breakpoint($micro) {\r\n    @include with-layout(98% 2) { // default is set to 6-columns\r\n      @include container($show);\r\n    } // default is returned to global setting\r\n  }\r\n\t@include breakpoint($tab) {\r\n    @include with-layout(97% 6) { // default is set to 6-columns\r\n      @include container($show);\r\n    } // default is returned to global setting\r\n  }\r\n\t@include breakpoint($desk) {\r\n    @include with-layout(95% 12) { // default is set to 8-columns\r\n      @include container($show);\r\n    } // default is returned to global setting\r\n  }\r\n\t@include breakpoint($hd) {\r\n    @include with-layout(66rem 15) { // default is set to 8-columns\r\n      @include container($show);\r\n    } // default is returned to global setting\r\n  }\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/ericam/susy/issues/comments/110093184","html_url":"https://github.com/ericam/susy/issues/490#issuecomment-110093184","issue_url":"https://api.github.com/repos/ericam/susy/issues/490","id":110093184,"user":{"login":"ericam","id":104161,"avatar_url":"https://avatars.githubusercontent.com/u/104161?v=3","gravatar_id":"","url":"https://api.github.com/users/ericam","html_url":"https://github.com/ericam","followers_url":"https://api.github.com/users/ericam/followers","following_url":"https://api.github.com/users/ericam/following{/other_user}","gists_url":"https://api.github.com/users/ericam/gists{/gist_id}","starred_url":"https://api.github.com/users/ericam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ericam/subscriptions","organizations_url":"https://api.github.com/users/ericam/orgs","repos_url":"https://api.github.com/users/ericam/repos","events_url":"https://api.github.com/users/ericam/events{/privacy}","received_events_url":"https://api.github.com/users/ericam/received_events","type":"User","site_admin":false},"created_at":"2015-06-08T18:01:36Z","updated_at":"2015-06-08T18:01:36Z","body":"There is already a [global setting](http://susydocs.oddbird.net/en/latest/settings/#debug) for this, and you don't need to add it individually to all your `containers`. Change the `debug:image` setting in your global `$susy` variable:\r\n\r\n```scss\r\n$susy: (\r\n  columns: 4,\r\n  gutters: 1/16,\r\n  math: fluid,\r\n  output: float,\r\n  gutter-position: split\r\n  debug: (\r\n    image: show,\r\n  ),\r\n);\r\n```"}}